home *** CD-ROM | disk | FTP | other *** search
/ Freelog 115 / FreelogNo115-MaiJuin2013.iso / Internet / AvantBrowser / asetup.exe / _data / webkit / resources.pak / Unnamed File 000123.txt < prev    next >
Text File  |  2013-04-03  |  85KB  |  3,585 lines
  1. /* dialog.css */
  2.  
  3. .dialog-glass-pane {
  4.     position: absolute;
  5.     top: 0;
  6.     bottom: 0;
  7.     left: 0;
  8.     right: 0;
  9.     z-index: 1900;
  10. }
  11.  
  12. .dialog {
  13.     position: absolute;
  14.     
  15.     padding: 10px;
  16.     border-radius: 10px;
  17.     border: 1px solid gray;
  18.  
  19.     -webkit-box-shadow: rgb(40,40,40) 0px 0px 50px;
  20.     
  21.     display: -webkit-box;
  22.     -webkit-box-orient: vertical;
  23.     
  24.     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E9E9E9), to(#CFCFCF));
  25.     font-size: 11px;
  26.     font-family: 'Lucida Grande', sans-serif;
  27. }
  28.  
  29. .dialog-contents {
  30.     width: 100%;
  31.     height: 100%;
  32.  
  33.     font-size: 11px;
  34.     font-family: 'Lucida Grande', sans-serif;
  35. }
  36.  
  37. .go-to-line-dialog input {
  38.     font-size: 11px;
  39. }
  40.  
  41. .go-to-line-dialog button {
  42.     font-size: 11px;
  43.     color: rgb(6, 6, 6);
  44.     border: 1px solid rgb(165, 165, 165);
  45.     background-color: rgb(237, 237, 237);
  46.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
  47.     -webkit-border-radius: 12px;
  48.     -webkit-appearance: none;
  49.  
  50.     padding: 3px 20px;
  51.     margin: 0 0 0 10px;
  52. }
  53.  
  54. .go-to-line-dialog button:active {
  55.     background-color: rgb(215, 215, 215);
  56.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
  57. }
  58.  
  59. /* inspector.css */
  60.  
  61. /*
  62.  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  63.  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  64.  *
  65.  * Redistribution and use in source and binary forms, with or without
  66.  * modification, are permitted provided that the following conditions
  67.  * are met:
  68.  *
  69.  * 1.  Redistributions of source code must retain the above copyright
  70.  *     notice, this list of conditions and the following disclaimer.
  71.  * 2.  Redistributions in binary form must reproduce the above copyright
  72.  *     notice, this list of conditions and the following disclaimer in the
  73.  *     documentation and/or other materials provided with the distribution.
  74.  * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
  75.  *     its contributors may be used to endorse or promote products derived
  76.  *     from this software without specific prior written permission.
  77.  *
  78.  * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
  79.  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
  80.  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  81.  * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
  82.  * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
  83.  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
  84.  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  85.  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  86.  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  87.  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  88.  */
  89.  
  90. input[type="search"]:focus, input[type="text"]:focus {
  91.     outline: auto 5px -webkit-focus-ring-color;
  92. }
  93.  
  94. .fill {
  95.     position: absolute;
  96.     top: 0;
  97.     left: 0;
  98.     right: 0;
  99.     bottom: 0;
  100. }
  101.  
  102. .hidden {
  103.     display: none;
  104. }
  105.  
  106. .nowrap {
  107.     white-space: nowrap !important;
  108. }
  109.  
  110. #toolbar {
  111.     position: absolute;
  112.     top: 0;
  113.     left: 0;
  114.     right: 0;
  115.     height: 26px;
  116.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(191, 191, 191)), to(rgb(151, 151, 151)));
  117.     padding-top: 1px;
  118.     padding-left: 5px;
  119.     border-bottom: 1px solid rgb(80, 80, 80);
  120.     -webkit-box-orient: horizontal;
  121.     -webkit-background-origin: padding;
  122.     -webkit-background-clip: padding;
  123. }
  124.  
  125. body.show-toolbar-icons #toolbar {
  126.     height: 56px;
  127. }
  128.  
  129. body.show-toolbar-icons.dock-to-bottom #toolbar {
  130.     height: 34px;
  131. }
  132.  
  133. body.inactive #toolbar {
  134.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 233, 233)), to(rgb(207, 207, 207)));
  135.     border-bottom: 1px solid rgb(64%, 64%, 64%);
  136. }
  137.  
  138. body.undocked.platform-mac-leopard #toolbar,
  139. body.undocked.platform-mac-snowleopard #toolbar {
  140.     background: transparent;
  141. }
  142.  
  143. body.dock-to-bottom #toolbar {
  144.     padding-top: 0;
  145.     border-top: 1px solid rgb(100, 100, 100);
  146.     cursor: ns-resize;
  147. }
  148.  
  149. body.dock-to-bottom.port-qt #toolbar {
  150.     cursor: auto;
  151. }
  152.  
  153. body.dock-to-bottom.inactive #toolbar {
  154.     border-top: 1px solid rgb(64%, 64%, 64%);
  155. }
  156.  
  157. .toolbar-item {
  158.     margin: 0;
  159.     padding-right: 6px;
  160.     background-color: transparent;
  161.     border-style: none;
  162.     border-color: transparent;
  163. }
  164.  
  165. body:not(.show-toolbar-icons) .toolbar-item {
  166.     height: 24px;
  167. }
  168.  
  169. body.dock-to-bottom:not(.show-toolbar-icons) .toolbar-item.toggleable {
  170.     padding: 0 11px;
  171. }
  172.  
  173. body.dock-to-bottom:not(.show-toolbar-icons) .toolbar-item.toggleable.toggled-on {
  174.     padding: 0 9px;
  175. }
  176.  
  177. body.show-toolbar-icons .toolbar-item.toggleable {
  178.     padding-top: 4px;
  179.     padding-bottom: 4px;
  180. }
  181.  
  182. body.show-toolbar-icons.dock-to-bottom .toolbar-item.toggleable {
  183.     margin: 1px 0;
  184.     padding-bottom: 2px;
  185. }
  186.  
  187. .toolbar-item.toggleable.toggled-on {
  188.     border-width: 0 2px 0 2px;
  189.     padding-left: 4px;
  190.     padding-right: 4px;
  191.     -webkit-border-image: url(Images/toolbarItemSelected.png) 0 2 0 2;
  192. }
  193.  
  194. .toolbar-icon {
  195.     display: none;
  196.     width: 32px;
  197.     height: 32px;
  198.     background-image: url(Images/toolbarIcons.png);
  199.     vertical-align: top;
  200. }
  201.  
  202. body.dock-to-bottom .toolbar-icon {
  203.     width: 24px;
  204.     height: 24px;
  205.     vertical-align: middle;
  206.     background-image: url(Images/toolbarIconsSmall.png);
  207. }
  208.  
  209. body.show-toolbar-icons .toolbar-icon {
  210.     display: inline-block;
  211. }
  212.  
  213. body.dock-to-bottom .toolbar-icon.custom-toolbar-icon {
  214.     background-position-x: -32px;
  215. }
  216.  
  217. .toolbar-item:active .toolbar-icon {
  218.     background-position-y: 32px;
  219. }
  220.  
  221. body.dock-to-bottom .toolbar-item:active .toolbar-icon {
  222.     background-position-y: 24px;
  223. }
  224.  
  225. .toolbar-label {
  226.     line-height: 22px;
  227.     font-size: 11px;
  228.     font-family: Lucida Grande, sans-serif;
  229.     text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
  230. }
  231.  
  232. body.show-toolbar-icons .toolbar-label {
  233.     line-height: 15px;
  234. }
  235. .toolbar-item.toggleable:active .toolbar-label {
  236.     text-shadow: none;
  237. }
  238.  
  239. body.show-toolbar-icons.dock-to-bottom .toolbar-label {
  240.     display: inline-block;
  241.     margin-left: 3px;
  242.     top: 0;
  243. }
  244.  
  245. body.dock-to-bottom #search-toolbar-label {
  246.     display: none;
  247. }
  248.  
  249. #toolbar-controls {
  250.     float: right;
  251.     display: -webkit-box;
  252.     -webkit-box-align: center;
  253.     height: 100%;
  254. }
  255.  
  256. #toolbar-dropdown-arrow {
  257.     font-size: 14px;
  258.     font-weight: bold;
  259.     border: 0;
  260.     background-color: transparent;
  261.     -webkit-border-radius: 5px;
  262.     text-shadow: none;
  263.     cursor: default;
  264.     margin: 0;
  265.     /* A line height of 0 allows precise text positioning using padding. */
  266.     line-height: 0;
  267.     padding: 11px 6px 11px;
  268. }
  269.  
  270. #toolbar-dropdown-arrow.dropdown-visible {
  271.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 251, 251, 0.9)), to(rgba(231, 231, 231, 0.9)));
  272. }
  273.  
  274. #toolbar-dropdown-arrow:hover {
  275.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(191, 191, 191, 0.7)), to(rgba(171, 171, 171, 0.5)));
  276. }
  277.  
  278. #toolbar-dropdown-arrow:active {
  279.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(111, 111, 111, 0.8)), to(rgba(91, 91, 91, 0.8)));
  280. }
  281.  
  282. #toolbar-dropdown {
  283.     position: absolute;
  284.     z-index: 1000;
  285.     -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
  286.     border: 1px solid rgb(128, 128, 128);
  287.     background-color: inherit;
  288.     background-image: inherit;
  289. }
  290.  
  291. body.show-toolbar-icons #toolbar-dropdown {
  292.     padding: 4px;
  293. }
  294.  
  295. body.undocked.platform-mac-leopard #toolbar-dropdown,
  296. body.undocked.platform-mac-snowleopard #toolbar-dropdown {
  297.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(191, 191, 191)), to(rgb(151, 151, 151)));
  298. }
  299.  
  300. #toolbar-dropdown .scrollable-content {
  301.     display: -webkit-box;
  302.     -webkit-box-orient: vertical;
  303.     -webkit-box-align: start;
  304.     padding-right: 0;
  305. }
  306.  
  307. #toolbar-dropdown .toolbar-item {
  308.     display: -webkit-box;
  309.     -webkit-box-orient: horizontal;
  310.     width: 100%;
  311.     border: 1px solid rgba(0, 0, 0, 0);
  312. }
  313.  
  314. body.show-toolbar-icons #toolbar-dropdown .toolbar-item {
  315.     position: relative;
  316.     left: -2px;
  317.     margin: 0px 2px;
  318.     padding: 4px;
  319. }
  320.  
  321. #toolbar-dropdown .toolbar-item.toggleable.toggled-on {
  322.     border: 1px solid rgba(100, 100, 120, 0.4);
  323.     -webkit-border-image: none;
  324.     background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 0.6)), to(rgba(128, 128, 128, 0.6)), color-stop(20%, rgba(158, 158, 158, 0.2)), color-stop(80%, rgba(158, 158, 158, 0.2)));
  325. }
  326.  
  327. #toolbar-dropdown .toolbar-item.toggleable:hover {
  328.     background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 0.6)), to(rgba(128, 128, 128, 0.3)), color-stop(20%, rgba(158, 158, 158, 0.2)), color-stop(80%, rgba(158, 158, 158, 0.1)));
  329. }
  330.  
  331. #toolbar-dropdown .toolbar-icon {
  332.     margin-right: 0.5em;
  333. }
  334.  
  335. #toolbar-dropdown .toolbar-label {
  336.     line-height: 22px;
  337.     top: 0;
  338. }
  339.  
  340. body.show-toolbar-icons #toolbar-dropdown .toolbar-label {
  341.     line-height: 32px;
  342. }
  343.  
  344. .scrollable-content {
  345.     position: static;
  346.     height: 100%;
  347.     overflow-y: auto;
  348.     width: 100%;
  349.     margin-right: 12px;
  350.     padding-right: 3px;
  351. }
  352.  
  353. .scrollable-content::-webkit-scrollbar {
  354.     width: 11px;
  355. }
  356.  
  357. .scrollable-content::-webkit-scrollbar-corner,
  358. .scrollable-content::-webkit-resizer {
  359.     display: none;
  360. }
  361.  
  362. .scrollable-content::-webkit-scrollbar-thumb:vertical {
  363.     background: -webkit-gradient(linear, left top, right top, from(rgb(192, 192, 192)), to(rgb(192, 192, 192)), color-stop(40%, rgb(214, 214, 214)));
  364.     border-radius: 5px;
  365.     min-height: 20px;
  366. }
  367.  
  368. .scrollable-content::-webkit-scrollbar-thumb:vertical:hover,
  369. .scrollable-content::-webkit-scrollbar-thumb:vertical:active {
  370.     background: -webkit-gradient(linear, left top, right top, from(rgb(230, 230, 230)), to(rgb(230, 230, 230)), color-stop(40%, rgb(252, 252, 252)));
  371. }
  372.  
  373. .scrollable-content::-webkit-scrollbar-track:vertical {
  374.     background: -webkit-gradient(linear, left top, right top, from(rgb(128, 128, 128)), to(rgb(164, 164, 164)), color-stop(25%, rgb(164, 164, 164)));
  375.     border-radius: 5px;
  376. }
  377.  
  378. .search-replace {
  379.     -webkit-appearance: none;
  380.     border: 0;
  381.     padding: 0 2px;
  382.     margin: 0;
  383.     width: 165px;
  384. }
  385.  
  386. .filter {
  387.     -webkit-appearance: none;
  388.     border: 0;
  389.     padding: 0 2px;
  390.     margin: 0;
  391.     width: 251px;
  392. }
  393.  
  394. .search-replace:focus {
  395.     outline: none;
  396. }
  397.  
  398. .toolbar-search {
  399.     border-spacing: 1px;
  400. }
  401.  
  402. .toolbar-search td {
  403.     padding: 0 5px 0 0;
  404. }
  405.  
  406. .toolbar-search-navigation-controls {
  407.     position: absolute;
  408.     top: 0;
  409.     right: 0;
  410.     height: 18px;
  411.     background-image: -webkit-linear-gradient(rgb(228, 228, 228), rgb(206, 206, 206));
  412. }
  413.  
  414. .toolbar-search-navigation {
  415.     display: inline-block;
  416.     width: 18px;
  417.     height: 18px;
  418.     background-repeat: no-repeat;
  419.     background-position: 4px 7px;
  420.     border-left: 1px solid rgb(170, 170, 170);
  421.     opacity: 0.3;
  422. }
  423.  
  424. .toolbar-search-navigation.enabled {
  425.     opacity: 1.0;
  426. }
  427.  
  428. .toolbar-search input[type="checkbox"] {
  429.     position: relative;
  430.     margin-top: -1px;
  431.     margin-left: 15px;
  432.     top: 2px;
  433. }
  434.  
  435. .toolbar-search button {
  436.     border: 1px solid rgb(163, 163, 163);
  437.     border-radius: 8px;
  438.     margin: 0 0px;
  439.     font-size: 11px;
  440.     background-image: -webkit-linear-gradient(rgb(241, 241, 241), rgb(220, 220, 220));
  441.     width: 100%;
  442. }
  443.  
  444. .toolbar-search button:active {
  445.     background-image: -webkit-linear-gradient(rgb(185, 185, 185), rgb(156, 156, 156));
  446. }
  447.  
  448. .toolbar-search-control {
  449.     display: inline-block;
  450.     position: relative;
  451.     background-color: white;
  452.     border: 1px solid rgb(163, 163, 163);
  453.     height: 20px;
  454.     border-radius: 2px;
  455.     padding-top: 1px;
  456. }
  457.  
  458. .toolbar-replace-control {
  459.     border: 1px solid rgb(163, 163, 163);
  460.     height: 20px;
  461.     border-radius: 2px;
  462.     width: 100%;
  463. }
  464.  
  465. .toolbar-search-navigation.enabled:active {
  466.     background-position: 4px 7px, 0px 0px;
  467. }
  468.  
  469. .toolbar-search-navigation.toolbar-search-navigation-prev {
  470.     background-image: url(Images/searchPrev.png);
  471.     border-left: 1px solid rgb(163, 163, 163);
  472. }
  473.  
  474. .toolbar-search-navigation.toolbar-search-navigation-prev.enabled:active {
  475.     background-image: url(Images/searchPrev.png), -webkit-linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116));
  476. }
  477.  
  478. .toolbar-search-navigation.toolbar-search-navigation-next {
  479.     background-image: url(Images/searchNext.png);
  480.     border-left: 1px solid rgb(230, 230, 230);
  481. }
  482.  
  483. .toolbar-search-navigation.toolbar-search-navigation-next.enabled:active {
  484.     background-image: url(Images/searchNext.png), -webkit-linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116));
  485. }
  486.  
  487. .search-results-matches {
  488.     display: inline-block;
  489.     min-width: 50px;
  490.     min-height: 10px;
  491.     margin-right: 36px;
  492.     text-align: right;
  493.     font-size: 11px;
  494.     padding: 0 4px;
  495.     color: rgb(165, 165, 165);
  496. }
  497.  
  498. .toolbar-item.elements .toolbar-icon {
  499.     background-position-x: 0;
  500. }
  501.  
  502. .toolbar-item.resources .toolbar-icon {
  503.     background-position-x: -32px;
  504. }
  505.  
  506. body.dock-to-bottom .toolbar-item.resources .toolbar-icon {
  507.     background-position-x: -24px;
  508. }
  509.  
  510. .toolbar-item.network .toolbar-icon {
  511.     background-position-x: -64px;
  512. }
  513.  
  514. body.dock-to-bottom .toolbar-item.network .toolbar-icon {
  515.     background-position-x: -48px;
  516. }
  517.  
  518. .toolbar-item.scripts .toolbar-icon {
  519.     background-position-x: -96px;
  520. }
  521.  
  522. body.dock-to-bottom .toolbar-item.scripts .toolbar-icon {
  523.     background-position-x: -72px;
  524. }
  525.  
  526. .toolbar-item.timeline .toolbar-icon {
  527.     background-position-x: -128px;
  528. }
  529.  
  530. body.dock-to-bottom .toolbar-item.timeline .toolbar-icon {
  531.     background-position-x: -96px;
  532. }
  533.  
  534. .toolbar-item.profiles .toolbar-icon {
  535.     background-position-x: -160px;
  536. }
  537.  
  538. body.dock-to-bottom .toolbar-item.profiles .toolbar-icon {
  539.     background-position-x: -120px;
  540. }
  541.  
  542. .toolbar-item.audits .toolbar-icon {
  543.     background-position-x: -192px;
  544. }
  545.  
  546. body.dock-to-bottom .toolbar-item.audits .toolbar-icon {
  547.     background-position-x: -144px;
  548. }
  549.  
  550. .toolbar-item.console .toolbar-icon {
  551.     background-position-x: -224px;
  552. }
  553.  
  554. body.dock-to-bottom .toolbar-item.console .toolbar-icon {
  555.     background-position-x: -168px;
  556. }
  557.  
  558. #close-button-left, #close-button-right {
  559.     width: 14px;
  560.     height: 14px;
  561.     background-image: url(Images/closeButtons.png);
  562.     background-position: 0 0;
  563. }
  564.  
  565. #close-button-left:hover, #close-button-right:hover {
  566.     background-position: 14px 0;
  567. }
  568.  
  569. #close-button-left:active, #close-button-right:active {
  570.     background-position: 28px 0;
  571. }
  572.  
  573. .close-left {
  574.     float: left;
  575. }
  576.  
  577. body.undocked .toolbar-item.close-left, body.undocked .toolbar-item.close-right {
  578.     display: none;
  579. }
  580.  
  581. body.dock-to-bottom.port-qt .toolbar-item.close-left, body.dock-to-bottom.port-qt .toolbar-item.close-right {
  582.     display: none;
  583. }
  584.  
  585. body.platform-mac .toolbar-item.close-right {
  586.     display: none;
  587. }
  588.  
  589. body.remote .toolbar-item.close-left, body.remote .toolbar-item.close-right {
  590.     display: none;
  591. }
  592.  
  593. body:not(.platform-mac) .toolbar-item.close-left {
  594.     display: none;
  595. }
  596.  
  597. .toolbar-item.close-left, .toolbar-item.close-right {
  598.   display: -webkit-box;
  599.   -webkit-box-align: center;
  600.   height: 100%;
  601.   cursor: default;
  602. }
  603.  
  604. #main {
  605.     position: absolute;
  606.     z-index: 1;
  607.     top: 26px;
  608.     left: 0;
  609.     right: 0;
  610.     bottom: 0;
  611.     overflow: hidden;
  612.     background-color: white;
  613. }
  614.  
  615. body.show-toolbar-icons #main {
  616.     top: 56px;
  617. }
  618.  
  619. body.show-toolbar-icons.dock-to-bottom #main {
  620.     top: 34px;
  621. }
  622.  
  623. #main-panels {
  624.     position: absolute;
  625.     top: 0;
  626.     left: 0;
  627.     right: 0;
  628.     bottom: 23px;
  629.     overflow: hidden;
  630. }
  631.  
  632. body.drawer-visible #main-panels {
  633.     bottom: 24px;
  634. }
  635.  
  636. #main-status-bar {
  637.     position: absolute;
  638.     bottom: 0;
  639.     left: 0;
  640.     right: 0;
  641. }
  642.  
  643. .status-bar {
  644.     white-space: nowrap;
  645.     height: 23px;
  646.     overflow: hidden;
  647.     z-index: 12;
  648.     background-image: -webkit-linear-gradient(rgb(253,253,253), rgb(230,230,230) 75%, rgb(230,230,230));
  649.     border-top: 1px solid rgb(202, 202, 202);
  650.     display: -webkit-flex;
  651. }
  652.  
  653. .status-bar > div {
  654.     display: inline-block;
  655.     vertical-align: top;
  656.     overflow: visible;
  657. }
  658.  
  659. .status-bar-item {
  660.     display: inline-block;
  661.     pointer-events: auto;
  662.     cursor: default;
  663.     height: 24px;
  664.     padding: 0;
  665.     margin-left: -1px;
  666.     margin-right: 0;
  667.     vertical-align: top;
  668.     border: 0 transparent none;
  669.     background-color: transparent;
  670. }
  671.  
  672. #floating-status-bar-container {
  673.     position: absolute;
  674.     left: 0;
  675.     right: 0;
  676.     bottom: 0;
  677.     display: none;
  678.     border-bottom: 1px solid rgb(202, 202, 202);
  679.     cursor: ns-resize;
  680.     height: 24px;
  681. }
  682.  
  683. body.drawer-visible #floating-status-bar-container {
  684.     display: -webkit-flex;
  685. }
  686.  
  687. #floating-status-bar-resizer {
  688.     content: url(Images/statusbarResizerVertical.png);
  689.     margin-top: 7px;
  690.     pointer-events: none;
  691.     height: 8px;
  692. }
  693.  
  694. #panel-status-bar {
  695.     -webkit-flex: 1 0;
  696.     display: -webkit-flex;
  697.     pointer-events: none;
  698. }
  699.  
  700. #panel-status-bar > div {
  701.     width: 100%;
  702. }
  703.  
  704. .status-bar-item:active {
  705.     position: relative;
  706.     z-index: 200;
  707. }
  708.  
  709. .glyph {
  710.     position: absolute;
  711.     top: -1px;
  712.     bottom: 1px;
  713.     left: 0;
  714.     right: 0;
  715.     background-color: rgba(0, 0, 0, 0.75);
  716.     z-index: 1;
  717. }
  718.  
  719. .glyph.shadow {
  720.     top: 0;
  721.     bottom: 0;
  722.     background-color: white !important;
  723.     z-index: 0;
  724. }
  725.  
  726. .long-click-glyph {
  727.     background-color: rgba(0, 0, 0, 0.75);
  728.     -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
  729.     -webkit-mask-position: -288px -48px;
  730.     -webkit-mask-size: 320px 72px;
  731.     z-index: 1;
  732. }
  733.  
  734. @media (-webkit-min-device-pixel-ratio: 1.5) {
  735. .long-click-glyph {
  736.     -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
  737. }
  738. }
  739.  
  740. .long-click-glyph.shadow {
  741.     top: 1px;
  742.     background-color: white !important;
  743.     z-index: 0;
  744. }
  745.  
  746. button.status-bar-item {
  747.     position: relative;
  748.     width: 32px;
  749.     border-left: 1px solid rgb(202, 202, 202);
  750.     border-right: 1px solid rgb(202, 202, 202);
  751. }
  752.  
  753. .status-bar button.status-bar-item .glyph {
  754.     margin: 0 -1px;
  755. }
  756.  
  757. .status-bar select.status-bar-item:active,
  758. .status-bar button.status-bar-item:active {
  759.     background-color: rgb(163,163,163);
  760.     border-left: 1px solid rgb(120, 120, 120);
  761.     border-right: 1px solid rgb(120, 120, 120);
  762. }
  763.  
  764. button.status-bar-item .glyph.shadow {
  765.     background-color: rgba(255, 255, 255, 0.33) !important;
  766. }
  767.  
  768. button.status-bar-item.toggled-on .glyph {
  769.     background-color: rgb(66, 129, 235);
  770. }
  771.  
  772. button.status-bar-item:disabled {
  773.     opacity: 0.5;
  774.     background-position: 0 0 !important;
  775. }
  776.  
  777. button.status-bar-item.extension {
  778.     background-image: none;
  779.     background-color: auto;
  780. }
  781.  
  782. .status-bar-select-container {
  783.     display: inline-block;
  784.     background-image: url(Images/disclosureTriangleSmallDown.png);
  785.     background-repeat: no-repeat;
  786.     background-position-x: right;
  787.     background-position-y: 5px;
  788.     padding-right: 10px;
  789.     border-right: 5px solid transparent;
  790. }
  791.  
  792. select.status-bar-item {
  793.     min-width: 48px;
  794.     font-weight: bold;
  795.     color: rgb(48, 48, 48);
  796.     text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
  797.     -webkit-appearance: none;
  798.     border: 0;
  799.     border-radius: 0;
  800.     padding: 0 15px 0 5px;
  801.     margin-right: -15px;
  802.     position: relative;
  803.     top: -1px;
  804.     height: 23px;
  805. }
  806.  
  807. select.status-bar-item, select.status-bar-item:hover {
  808.     border-left: 1px solid rgb(202, 202, 202);
  809.     border-right: 1px solid rgb(202, 202, 202);
  810. }
  811.  
  812. .status-bar-item > .glyph {
  813.     -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
  814.     -webkit-mask-size: 320px 72px;
  815. }
  816.  
  817. @media (-webkit-min-device-pixel-ratio: 1.5) {
  818. .status-bar-item > .glyph {
  819.     -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
  820. }
  821. }
  822.  
  823. button.dock-status-bar-item.status-bar-item.toggled-undock .glyph {
  824.     -webkit-mask-position: 0 -48px;
  825. }
  826.  
  827. button.dock-status-bar-item.status-bar-item.toggled-bottom .glyph {
  828.     -webkit-mask-position: -32px -24px;
  829.     background-color: rgba(0, 0, 0, 0.75);
  830. }
  831.  
  832. button.dock-status-bar-item.status-bar-item.toggled-right .glyph {
  833.     -webkit-mask-position: -256px -48px;
  834.     background-color: rgba(0, 0, 0, 0.75);
  835. }
  836.  
  837. body.undocked .alternate-status-bar-buttons-bar {
  838.     margin-left: 1px;
  839. }
  840.  
  841. .alternate-status-bar-buttons-bar {
  842.     position: absolute;
  843.     width: 31px;
  844.     bottom: -3px;
  845.     background: white;
  846. }
  847.  
  848. .alternate-status-bar-buttons-bar .status-bar-item {
  849.     height: 24px;
  850.     margin-top: -1px;
  851.     border: 1px solid rgb(202, 202, 202);
  852.     border-bottom: 1px solid transparent;
  853. }
  854.  
  855. .alternate-status-bar-buttons-bar .status-bar-item.emulate-active {
  856.     background-color: rgb(163,163,163);
  857.     border: 1px solid rgb(120, 120, 120);
  858.     border-bottom: 1px solid transparent;
  859. }
  860.  
  861. button.status-bar-item.settings-status-bar-item,
  862. button.status-bar-item.settings-status-bar-item:active {
  863.     border-right: 0 transparent none;
  864. }
  865.  
  866. .settings-status-bar-item .glyph {
  867.     -webkit-mask-position: -160px -24px;
  868. }
  869.  
  870. body.remote .dock-status-bar-item,
  871. body.port-qt .dock-status-bar-item {
  872.     display: none;
  873. }
  874.  
  875. .console-status-bar-item .glyph {
  876.     -webkit-mask-position: -64px -24px;
  877. }
  878.  
  879. .clear-status-bar-item .glyph {
  880.     -webkit-mask-position: -64px 0;
  881. }
  882.  
  883. #error-warning-count {
  884.     padding: 5px 2px 6px 0px;
  885.     font-size: 10px;
  886.     height: 19px;
  887.     cursor: pointer;
  888. }
  889.  
  890. #error-warning-count:hover {
  891.     border-bottom: 1px solid rgb(96, 96, 96);
  892. }
  893.  
  894. #error-count-img {
  895.     content: url(Images/errorIcon.png);
  896.     width: 10px;
  897.     height: 10px;
  898.     vertical-align: -1px;
  899.     margin-right: 2px;
  900. }
  901.  
  902. #error-count + #warning-count-img {
  903.     margin-left: 6px;
  904. }
  905.  
  906. #warning-count-img {
  907.     content: url(Images/warningIcon.png);
  908.     width: 10px;
  909.     height: 10px;
  910.     vertical-align: -1px;
  911.     margin-right: 2px;
  912. }
  913.  
  914. #drawer {
  915.     display: none;
  916.     position: absolute;
  917.     bottom: 0;
  918.     left: 0;
  919.     right: 0;
  920.     height: 200px;
  921.     background-color: white;
  922. }
  923.  
  924. #drawer-contents {
  925.     position: absolute;
  926.     top: 0;
  927.     bottom: 24px;
  928.     left: 0;
  929.     right: 0;
  930. }
  931.  
  932. body.drawer-visible #drawer {
  933.     display: block;
  934. }
  935.  
  936. body.platform-mac .monospace, body.platform-mac .source-code {
  937.     font-size: 11px !important;
  938.     font-family: Menlo, monospace;
  939. }
  940.  
  941. body.platform-mac.platform-mac-tiger .monospace,
  942. body.platform-mac.platform-mac-tiger .source-code {
  943.     font-size: 10px !important;
  944.     font-family: Monaco, monospace;
  945. }
  946.  
  947. body.platform-windows .monospace, body.platform-windows .source-code {
  948.     font-size: 12px !important;
  949.     font-family: Consolas, Lucida Console, monospace;
  950. }
  951.  
  952. body.platform-linux .monospace, body.platform-linux .source-code {
  953.     font-size: 11px !important;
  954.     font-family: dejavu sans mono, monospace;
  955. }
  956.  
  957. #console-view {
  958.     position: absolute;
  959.     top: 0;
  960.     bottom: 0;
  961.     left: 0;
  962.     right: 0;
  963.     overflow-y: auto;
  964. }
  965.  
  966. #console-messages {
  967.     position: absolute;
  968.     z-index: 0;
  969.     top: 0;
  970.     left: 0;
  971.     right: 0;
  972.     bottom: 0;
  973.     padding: 2px 0;
  974.     overflow-y: overlay;
  975.     word-wrap: break-word;
  976.     -webkit-user-select: text;
  977.     -webkit-text-size-adjust: auto;
  978. }
  979.  
  980. #console-prompt {
  981.     clear: right;
  982.     position: relative;
  983.     border-top: 1px solid rgb(240, 240, 240);
  984.     padding: 1px 22px 1px 0px;
  985.     margin-left: 24px;
  986.     min-height: 16px;
  987.     white-space: pre-wrap;
  988.     -webkit-user-modify: read-write-plaintext-only;
  989. }
  990.  
  991. #console-prompt::before {
  992.     background-image: url(Images/userInputIcon.png);
  993. }
  994.  
  995. .console-user-command-result.console-log-level::before {
  996.     background-image: url(Images/userInputResultIcon.png);
  997. }
  998.  
  999. .console-message, .console-user-command {
  1000.     clear: right;
  1001.     position: relative;
  1002.     border-top: 1px solid rgb(240, 240, 240);
  1003.     padding: 1px 22px 1px 0px;
  1004.     margin-left: 24px;
  1005.     min-height: 16px;
  1006. }
  1007.  
  1008. .console-mesage:first-child {
  1009.     border-top: none;
  1010. }
  1011.  
  1012. .console-adjacent-user-command-result {
  1013.     border-bottom: none;
  1014. }
  1015.  
  1016. .console-adjacent-user-command-result + .console-user-command-result.console-log-level::before {
  1017.     background-image: none;
  1018. }
  1019.  
  1020. .console-message::before, .console-user-command::before, #console-prompt::before, .console-group-title::before {
  1021.     position: absolute;
  1022.     display: block;
  1023.     content: "";
  1024.     left: -17px;
  1025.     top: 0.8em;
  1026.     width: 10px;
  1027.     height: 10px;
  1028.     margin-top: -6px;
  1029.     -webkit-user-select: none;
  1030. }
  1031.  
  1032. .console-message .bubble {
  1033.     display: inline-block;
  1034.     height: 14px;
  1035.     background-color: rgb(128, 151, 189);
  1036.     vertical-align: middle;
  1037.     white-space: nowrap;
  1038.     padding: 1px 4px;
  1039.     margin-top: -1px;
  1040.     margin-right: 4px;
  1041.     margin-left: -18px;
  1042.     text-align: left;
  1043.     font-size: 11px;
  1044.     line-height: normal;
  1045.     font-family: Helvetica, Arial, sans-serif;
  1046.     font-weight: bold;
  1047.     text-shadow: none;
  1048.     color: white;
  1049.     -webkit-border-radius: 7px;
  1050. }
  1051.  
  1052. .console-message-text {
  1053.     white-space: pre-wrap;
  1054. }
  1055.  
  1056. .repeated-message.console-error-level::before, .repeated-message.console-warning-level:before, .repeated-message.console-debug-level:before {
  1057.     visibility: hidden;
  1058. }
  1059.  
  1060. .repeated-message .outline-disclosure, .repeated-message > .console-message-text {
  1061.     -webkit-flex: 1;
  1062. }
  1063.  
  1064. .console-info {
  1065.     color: rgb(128, 128, 128);
  1066.     font-style: italic;
  1067. }
  1068.  
  1069. .console-group .console-group > .console-group-messages {
  1070.     margin-left: 16px;
  1071. }
  1072.  
  1073. .console-group-title {
  1074.     font-weight: bold;
  1075. }
  1076.  
  1077. .console-group-title::before {
  1078.     background-image: url(Images/disclosureTriangleSmallDown.png);
  1079.     top: 0.6em;
  1080.     width: 11px;
  1081.     height: 12px;
  1082.     left: -16px;
  1083.     position: absolute;
  1084. }
  1085.  
  1086. .console-group.collapsed .console-group-title::before {
  1087.     background-image: url(Images/disclosureTriangleSmallRight.png);
  1088. }
  1089.  
  1090. .console-group.collapsed > .console-group-messages {
  1091.     display: none;
  1092. }
  1093.  
  1094. .console-group {
  1095.     position: relative;
  1096. }
  1097.  
  1098. .console-group-bracket {
  1099.     position:absolute;
  1100.     top: 15px;
  1101.     left: 13px;
  1102.     bottom: 5px;
  1103.     width: 3px;
  1104.     border-style: solid;
  1105.     border-color: #A3A3A3;
  1106.     border-width: 0px 0px 1px 1px;
  1107. }
  1108.  
  1109. .console-group.collapsed > .console-group-bracket {
  1110.     display: none;
  1111. }
  1112.  
  1113. .console-error-level .console-message-text, .console-error-level .section .header .title {
  1114.     color: red !important;
  1115. }
  1116.  
  1117. .console-debug-level .console-message-text {
  1118.     color: blue;
  1119. }
  1120.  
  1121. .console-debug-level::before {
  1122.     background-image: url(Images/searchSmallBrightBlue.png);
  1123. }
  1124.  
  1125. .console-error-level::before {
  1126.     background-image: url(Images/errorIcon.png);
  1127. }
  1128.  
  1129. .console-warning-level::before {
  1130.     background-image: url(Images/warningIcon.png);
  1131.     margin-top: -7px;
  1132. }
  1133.  
  1134. .console-user-command .console-message {
  1135.     margin-left: -24px;
  1136.     padding-right: 0;
  1137.     border-bottom: none;
  1138. }
  1139.  
  1140. .console-user-command::before {
  1141.     background-image: url(Images/userInputPreviousIcon.png);
  1142. }
  1143.  
  1144. .console-user-command > .console-message-text {
  1145.     color: rgb(0, 128, 255);
  1146. }
  1147.  
  1148. #console-messages a {
  1149.     color: rgb(33%, 33%, 33%);
  1150.     cursor: pointer;
  1151. }
  1152.  
  1153. #console-messages a:hover {
  1154.     color: rgb(15%, 15%, 15%);
  1155. }
  1156.  
  1157. ol.watch-expressions > li.hovered {
  1158.     background-color: #F0F0F0;
  1159. }
  1160.  
  1161. .console-message-url {
  1162.     float: right;
  1163.     text-align: right;
  1164.     max-width: 100%;
  1165.     margin-left: 4px;
  1166. }
  1167.  
  1168. .console-group-messages .section {
  1169.     margin: 0 0 0 12px !important;
  1170. }
  1171.  
  1172. .console-group-messages .section .header {
  1173.     padding: 0 8px 0 0;
  1174.     background-image: none;
  1175.     border: none;
  1176.     min-height: 0;
  1177. }
  1178.  
  1179. .console-group-messages .section .header::before {
  1180.     position: absolute;
  1181.     top: 1px;
  1182.     left: 1px;
  1183.     width: 8px;
  1184.     height: 8px;
  1185.     content: url(Images/treeRightTriangleBlack.png);
  1186. }
  1187.  
  1188. .console-group-messages .section.expanded .header::before {
  1189.     content: url(Images/treeDownTriangleBlack.png);
  1190. }
  1191.  
  1192. .console-group-messages .section .header .title {
  1193.     color: black;
  1194.     font-weight: normal;
  1195.     line-height: 13px;
  1196. }
  1197.  
  1198. .console-group-messages .section .properties li .info {
  1199.     padding-top: 0;
  1200.     padding-bottom: 0;
  1201.     color: rgb(60%, 60%, 60%);
  1202. }
  1203.  
  1204. .console-group-messages .outline-disclosure {
  1205.     padding-left: 0;
  1206. }
  1207.  
  1208. .console-group-messages .outline-disclosure > ol {
  1209.     padding: 0 0 0 12px !important;
  1210. }
  1211.  
  1212. .console-group-messages .outline-disclosure, .console-group-messages .outline-disclosure ol {
  1213.     font-size: inherit;
  1214.     line-height: 12px;
  1215. }
  1216.  
  1217. .console-group-messages .outline-disclosure.single-node li {
  1218.     padding-left: 2px;
  1219. }
  1220.  
  1221. .console-group-messages .outline-disclosure li .selection {
  1222.     margin-left: -6px;
  1223.     margin-right: -6px;
  1224. }
  1225.  
  1226. .console-group-messages .add-attribute {
  1227.     display: none;
  1228. }
  1229.  
  1230. .console-formatted-object, .console-formatted-node, .console-formatted-array {
  1231.     position: relative;
  1232.     display: inline-block;
  1233.     vertical-align: top;
  1234.     color: black;
  1235. }
  1236.  
  1237. .console-formatted-node:hover {
  1238.     background-color: rgba(56, 121, 217, 0.1);
  1239. }
  1240.  
  1241. .console-formatted-object .section, .console-formatted-node .section, .console-formatted-array .section {
  1242.     position: static;
  1243. }
  1244.  
  1245. .console-formatted-object .properties, .console-formatted-node .properties {
  1246.     padding-left: 0 !important;
  1247. }
  1248.  
  1249. .console-formatted-number {
  1250.     color: rgb(28, 0, 207);
  1251. }
  1252.  
  1253. .console-formatted-string, .console-formatted-regexp {
  1254.     color: rgb(196, 26, 22);
  1255.     white-space: pre;
  1256. }
  1257.  
  1258. .console-formatted-null, .console-formatted-undefined {
  1259.     color: rgb(128, 128, 128);
  1260. }
  1261.  
  1262. .console-formatted-preview-node,
  1263. .section .console-formatted-node {
  1264.     color: rgb(136, 18, 128);
  1265. }
  1266.  
  1267. .console-object-preview {
  1268.     font-style: italic;
  1269. }
  1270.  
  1271. .error-message {
  1272.     color: red;
  1273. }
  1274.  
  1275. .error-input {
  1276.     background-color: rgb(220, 130, 130);
  1277. }
  1278.  
  1279. .auto-complete-text, .editing .auto-complete-text {
  1280.     color: rgb(128, 128, 128) !important;
  1281.     -webkit-user-select: none;
  1282.     -webkit-user-modify: read-only;
  1283. }
  1284.  
  1285. .panel {
  1286.     display: none;
  1287.     overflow: hidden;
  1288.     position: absolute;
  1289.     top: 0;
  1290.     left: 0;
  1291.     right: 0;
  1292.     bottom: 0;
  1293. }
  1294.  
  1295. .panel.visible {
  1296.     display: block;
  1297. }
  1298.  
  1299. iframe.extension {
  1300.     width: 100%;
  1301.     height: 100%;
  1302. }
  1303.  
  1304. iframe.panel.extension {
  1305.     display: block;
  1306.     height: 100%;
  1307. }
  1308.  
  1309. .webkit-line-gutter-backdrop {
  1310.     /* Keep this in sync with view-source.css (.webkit-line-gutter-backdrop) */
  1311.     width: 31px;
  1312.     background-color: rgb(240, 240, 240);
  1313.     border-right: 1px solid rgb(187, 187, 187);
  1314.     position: absolute;
  1315.     z-index: -1;
  1316.     left: 0;
  1317.     top: 0;
  1318.     height: 100%
  1319. }
  1320.  
  1321. .outline-disclosure li.hovered:not(.selected) .selection {
  1322.     display: block;
  1323.     left: 3px;
  1324.     right: 3px;
  1325.     background-color: rgba(56, 121, 217, 0.1);
  1326.     -webkit-border-radius: 5px;
  1327. }
  1328.  
  1329. .outline-disclosure li.highlighted .highlight {
  1330.     background-color: rgb(255, 230, 179);
  1331.     -webkit-border-radius: 4px;
  1332.     padding-bottom: 2px;
  1333.     margin-bottom: -2px;
  1334. }
  1335.  
  1336. .outline-disclosure li.selected.highlighted .highlight {
  1337.     background-color: transparent;
  1338.     padding-bottom: 0;
  1339.     margin-bottom: 0;
  1340. }
  1341.  
  1342. .outline-disclosure li .selection {
  1343.     display: none;
  1344.     position: absolute;
  1345.     left: 0;
  1346.     right: 0;
  1347.     height: 15px;
  1348.     z-index: -1;
  1349. }
  1350.  
  1351. .outline-disclosure li.selected .selection {
  1352.     display: block;
  1353.     background-color: rgb(212, 212, 212);
  1354. }
  1355.  
  1356. .outline-disclosure li.elements-drag-over .selection {
  1357.     display: block;
  1358.     margin-top: -2px;
  1359.     border-top: 2px solid rgb(56, 121, 217);
  1360. }
  1361.  
  1362. .outline-disclosure ol:focus li.selected .selection {
  1363.     background-color: rgb(56, 121, 217);
  1364. }
  1365.  
  1366. .outline-disclosure ol.search-match-not-found li.selected .selection {
  1367.     border: 1px solid rgb(56, 121, 217);
  1368.     background-color: white;
  1369. }
  1370.  
  1371. .outline-disclosure {
  1372.     font-size: 11px;
  1373. }
  1374.  
  1375. .outline-disclosure > ol {
  1376.     position: relative;
  1377.     padding: 2px 6px !important;
  1378.     margin: 0;
  1379.     color: black;
  1380.     cursor: default;
  1381.     min-width: 100%;
  1382. }
  1383.  
  1384. .outline-disclosure, .outline-disclosure ol {
  1385.     list-style-type: none;
  1386.     -webkit-padding-start: 12px;
  1387.     margin: 0;
  1388. }
  1389.  
  1390. .source-code {
  1391.     font-family: monospace;
  1392.     font-size: 10px !important;
  1393.     white-space: pre-wrap;
  1394. }
  1395.  
  1396. .outline-disclosure li {
  1397.     padding: 0 0 0 14px;
  1398.     margin-top: 1px;
  1399.     margin-left: -2px;
  1400.     word-wrap: break-word;
  1401. }
  1402.  
  1403. .outline-disclosure ol:focus li.selected {
  1404.     color: white;
  1405. }
  1406.  
  1407. .outline-disclosure ol.search-match-found li.selected {
  1408.     color: white;
  1409. }
  1410.  
  1411. .outline-disclosure ol:focus li.selected * {
  1412.     color: inherit;
  1413. }
  1414.  
  1415. .outline-disclosure ol.search-match-found li.selected * {
  1416.     color: inherit;
  1417. }
  1418.  
  1419. .outline-disclosure li.parent {
  1420.     margin-left: -12px
  1421. }
  1422.  
  1423. .outline-disclosure li .webkit-html-tag.close {
  1424.     margin-left: -12px;
  1425. }
  1426.  
  1427. .webkit-html-tag.shadow, .webkit-html-fragment.shadow {
  1428.     opacity: 0.6;
  1429. }
  1430.  
  1431. .outline-disclosure li.parent::before {
  1432.     content: url(Images/treeRightTriangleBlack.png);
  1433.     float: left;
  1434.     width: 8px;
  1435.     height: 8px;
  1436.     padding-right: 2px;
  1437. }
  1438.  
  1439. .outline-disclosure li.parent::before {
  1440.     content: url(Images/treeRightTriangleBlack.png);
  1441. }
  1442.  
  1443. .outline-disclosure ol:focus li.parent.selected::before {
  1444.     content: url(Images/treeRightTriangleWhite.png);
  1445. }
  1446.  
  1447. .outline-disclosure ol.search-match-found li.parent.selected::before {
  1448.     content: url(Images/treeRightTriangleWhite.png);
  1449. }
  1450.  
  1451. .outline-disclosure li.parent.expanded::before {
  1452.     content: url(Images/treeDownTriangleBlack.png);
  1453. }
  1454.  
  1455. .outline-disclosure ol:focus li.parent.expanded.selected::before {
  1456.     content: url(Images/treeDownTriangleWhite.png);
  1457. }
  1458.  
  1459. .outline-disclosure ol.search-match-found li.parent.expanded.selected::before {
  1460.     content: url(Images/treeDownTriangleWhite.png);
  1461. }
  1462.  
  1463. .outline-disclosure ol.children {
  1464.     display: none;
  1465. }
  1466.  
  1467. .outline-disclosure ol.children.expanded {
  1468.     display: block;
  1469. }
  1470.  
  1471. .placard {
  1472.     position: relative;
  1473.     margin-top: 1px;
  1474.     padding: 3px 8px 4px 18px;
  1475.     min-height: 18px;
  1476.     white-space: nowrap;
  1477. }
  1478.  
  1479. .placard:nth-of-type(2n) {
  1480.     background-color: rgb(234, 243, 255);
  1481. }
  1482.  
  1483. .placard.selected {
  1484.     border-top: 1px solid rgb(172, 172, 172);
  1485.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(182, 182, 182)), to(rgb(162, 162, 162)));
  1486.     -webkit-background-origin: padding;
  1487.     -webkit-background-clip: padding;
  1488. }
  1489.  
  1490. :focus .placard.selected {
  1491.     border-top: 1px solid rgb(70, 103, 215);
  1492.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(56, 121, 217)));
  1493. }
  1494.  
  1495. .placard .title {
  1496.     color: black;
  1497.     font-weight: normal;
  1498.     word-wrap: break-word;
  1499.     white-space: normal;
  1500. }
  1501.  
  1502. .placard.selected .title {
  1503.     color: white;
  1504.     font-weight: bold;
  1505. }
  1506.  
  1507. .placard .subtitle {
  1508.     float: right;
  1509.     font-size: 10px;
  1510.     margin-left: 5px;
  1511.     color: rgba(0, 0, 0, 0.7);
  1512.     text-overflow: ellipsis;
  1513.     overflow: hidden;
  1514. }
  1515.  
  1516. .placard.selected .subtitle {
  1517.     color: rgba(255, 255, 255, 0.7);
  1518. }
  1519.  
  1520. .placard .subtitle a {
  1521.     color: inherit;
  1522. }
  1523.  
  1524. .section {
  1525.     position: relative;
  1526.     margin-top: 1px;
  1527. }
  1528.  
  1529. .events-pane .section:not(:nth-of-type(1)) {
  1530.     border-top: 1px solid rgb(191, 191, 191);
  1531. }
  1532.  
  1533. .section .header {
  1534.     color: black;
  1535.     padding: 0 8px 0 18px;
  1536.     min-height: 18px;
  1537.     white-space: nowrap;
  1538.     -webkit-background-origin: padding;
  1539.     -webkit-background-clip: padding;
  1540. }
  1541.  
  1542. .section .header::before {
  1543.     position: absolute;
  1544.     top: 2px;
  1545.     left: 7px;
  1546.     width: 8px;
  1547.     height: 8px;
  1548.     content: url(Images/treeRightTriangleBlack.png);
  1549.     opacity: 0.8;
  1550. }
  1551.  
  1552. .section.expanded .header::before {
  1553.     content: url(Images/treeDownTriangleBlack.png);
  1554. }
  1555.  
  1556. .section .header .title, .event-bar .header .title {
  1557.     font-weight: normal;
  1558.     word-wrap: break-word;
  1559.     white-space: normal;
  1560.     line-height: 18px;
  1561. }
  1562.  
  1563. .section .header .title.blank-title {
  1564.     font-style: italic;
  1565. }
  1566.  
  1567. .section .header label, .event-bar .header label {
  1568.     display: none;
  1569. }
  1570.  
  1571. .section.expanded .header label, .event-bar.expanded .header label {
  1572.     display: inline;
  1573. }
  1574.  
  1575. .section .header .subtitle, .event-bar .header .subtitle {
  1576.     float: right;
  1577.     margin-left: 5px;
  1578.     max-width: 55%;
  1579.     text-overflow: ellipsis;
  1580.     overflow: hidden;
  1581. }
  1582.  
  1583. .section .header .subtitle a {
  1584.     color: inherit;
  1585. }
  1586.  
  1587. .section .properties, .event-bar .event-properties {
  1588.     display: none;
  1589. }
  1590.  
  1591. .section.expanded .properties, .event-bar.expanded .event-properties {
  1592.     display: block;
  1593.     padding-left: 16px;
  1594. }
  1595.  
  1596. .section.no-affect .properties li {
  1597.     opacity: 0.5;
  1598. }
  1599.  
  1600. .section.no-affect .properties li.editing {
  1601.     opacity: 1.0;
  1602. }
  1603.  
  1604. .properties-tree {
  1605.     margin: 0;
  1606.     padding: 0 6px 2px;
  1607.     list-style: none;
  1608.     min-height: 18px;
  1609. }
  1610.  
  1611. .properties-tree li {
  1612.     margin-left: 12px;
  1613.     white-space: nowrap;
  1614.     text-overflow: ellipsis;
  1615.     overflow: hidden;
  1616.     -webkit-user-select: text;
  1617.     cursor: default;
  1618. }
  1619.  
  1620. .properties-tree li.parent {
  1621.     margin-left: 1px;
  1622. }
  1623.  
  1624. .properties-tree li.parent::before {
  1625.     content: url(Images/treeRightTriangleBlack.png);
  1626.     opacity: 0.75;
  1627.     float: left;
  1628.     width: 8px;
  1629.     height: 8px;
  1630.     margin-top: 0;
  1631.     padding-right: 3px;
  1632.     -webkit-user-select: none;
  1633. }
  1634.  
  1635. .properties-tree li.parent.expanded::before {
  1636.     content: url(Images/treeDownTriangleBlack.png);
  1637.     margin-top: 1px;
  1638. }
  1639.  
  1640. .properties-tree li .info {
  1641.     padding-top: 4px;
  1642.     padding-bottom: 3px;
  1643. }
  1644.  
  1645. .properties-tree ol {
  1646.     display: none;
  1647.     margin: 0;
  1648.     -webkit-padding-start: 12px;
  1649.     list-style: none;
  1650. }
  1651.  
  1652. .properties-tree ol.expanded {
  1653.     display: block;
  1654. }
  1655.  
  1656. .event-listener-breakpoints .event-category {
  1657.     font-size: 11px;
  1658.     font-weight: bold;
  1659.     color: rgb(96, 96, 96);
  1660.     padding-top: 2px;
  1661. }
  1662.  
  1663. .event-listener-breakpoints.properties-tree .children li {
  1664.     margin-left: 12px;
  1665.     height: 16px;
  1666. }
  1667.  
  1668. .event-listener-breakpoints .checkbox-elem {
  1669.     font-size: 10px;
  1670.     float: left;
  1671.     top: -2px;
  1672.     position: relative;
  1673.     left: -1px;
  1674. }
  1675.  
  1676. .editing {
  1677.     -webkit-user-select: text;
  1678.     -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
  1679.     outline: 1px solid rgb(66%, 66%, 66%) !important;
  1680.     background-color: white;
  1681.     -webkit-user-modify: read-write-plaintext-only;
  1682.     text-overflow: clip !important;
  1683.     padding-left: 2px;
  1684.     margin-left: -2px;
  1685.     padding-right: 2px;
  1686.     margin-right: -2px;
  1687.     margin-bottom: -1px;
  1688.     padding-bottom: 1px;
  1689.     opacity: 1.0 !important;
  1690. }
  1691.  
  1692. .editing, .editing * {
  1693.     color: black !important;
  1694.     text-decoration: none !important;
  1695. }
  1696.  
  1697. .child-editing {
  1698.     color: black !important;
  1699.     text-decoration: none !important;
  1700.     overflow: visible !important;
  1701. }
  1702.  
  1703. .editing br {
  1704.     display: none;
  1705. }
  1706.  
  1707. .section .properties li.editing {
  1708.     margin-left: 10px;
  1709.     text-overflow: clip;
  1710. }
  1711.  
  1712. li.editing .swatch, li.editing .enabled-button,  li.editing-sub-part .delete-button {
  1713.     display: none !important;
  1714. }
  1715.  
  1716. .properties-tree.watch-expressions {
  1717.     padding-bottom: 8px;
  1718.     padding-left: 4px !important;
  1719. }
  1720.  
  1721. .properties-tree.watch-expressions > li {
  1722.     padding-top: 2px;
  1723.     padding-left: 4px;
  1724. }
  1725.  
  1726. .properties-tree.watch-expressions > li > .value {
  1727.     display: inline;
  1728.     position: static;
  1729. }
  1730.  
  1731. .properties-tree.watch-expressions > li:not(.parent) {
  1732.     margin-left: 1px;
  1733.     padding-left: 15px;
  1734. }
  1735.  
  1736. .properties-tree.watch-expressions > li.hovered {
  1737.     padding-right: 14px;
  1738. }
  1739.  
  1740. .watch-expressions > li.editing-sub-part .text-prompt {
  1741.     display: block;
  1742.     width: 100%;
  1743. }
  1744.  
  1745. .watch-expressions > li.editing-sub-part .value, .watch-expressions > li.editing-sub-part .separator  {
  1746.     display: none;
  1747. }
  1748.  
  1749. .section .properties li.editing-sub-part {
  1750.     padding: 3px 6px 8px 18px;
  1751.     margin: -3px -6px -8px -6px;
  1752.     text-overflow: clip;
  1753. }
  1754.  
  1755. .section .properties .delete-button {
  1756.     width: 10px;
  1757.     height: 10px;
  1758.     background-image: url(Images/deleteIcon.png);
  1759.     background-position: 0 0;
  1760.     background-color: transparent;
  1761.     background-repeat: no-repeat;
  1762.     border: 0 none transparent;
  1763.     position: absolute;
  1764.     right: 8px;
  1765.     display: none;
  1766. }
  1767.  
  1768. .section .properties li.hovered .delete-button {
  1769.     display: inline;
  1770. }
  1771.  
  1772. .section .properties .name, .event-properties .name, .console-formatted-object .name {
  1773.     color: rgb(136, 19, 145);
  1774. }
  1775.  
  1776. .section .properties .dimmed {
  1777.     opacity: 0.6;
  1778. }
  1779.  
  1780. .section .properties .value.error {
  1781.     color: red;
  1782. }
  1783.  
  1784. .section .properties .number, .event-properties .number {
  1785.     color: blue;
  1786. }
  1787.  
  1788. .section .properties .keyword, .event-properties .keyword {
  1789.     color: rgb(136, 19, 79);
  1790. }
  1791.  
  1792. .section .properties .color, .event-properties .color {
  1793.     color: rgb(118, 15, 21);
  1794. }
  1795.  
  1796. .swatch {
  1797.     margin-left: 1px;
  1798.     margin-right: 2px;
  1799.     margin-bottom: -1px;
  1800.     width: 1em;
  1801.     height: 1em;
  1802.     display: inline-block;
  1803.     background-image: url(Images/checker.png);
  1804. }
  1805.  
  1806. .swatch-inner {
  1807.     width: 100%;
  1808.     height: 100%;
  1809.     display: inline-block;
  1810.     border: 1px solid rgba(128, 128, 128, 0.6);
  1811. }
  1812.  
  1813. .swatch-inner:hover {
  1814.     border: 1px solid rgba(64, 64, 64, 0.8);
  1815. }
  1816.  
  1817. .pane:not(.expanded) + .pane, .pane:first-of-type {
  1818.     margin-top: -1px;
  1819. }
  1820.  
  1821. .pane > .title {
  1822.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(243, 243, 243)), color-stop(0.05, rgb(243, 243, 243)), color-stop(0.05, rgb(230, 230, 230)), to(rgb(209, 209, 209)));
  1823.     height: 20px;
  1824.     padding: 0 5px;
  1825.     border-top: 1px solid rgb(189, 189, 189);
  1826.     border-bottom: 1px solid rgb(189, 189, 189);
  1827.     font-weight: bold;
  1828.     font-size: 12px;
  1829.     line-height: 18px;
  1830.     color: rgb(110, 110, 110);
  1831.     text-shadow: white 0 1px 0;
  1832.     -webkit-background-origin: padding;
  1833.     -webkit-background-clip: padding;
  1834. }
  1835.  
  1836. .pane > .title:active {
  1837.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(231, 231, 231)), color-stop(0.05, rgb(231, 231, 231)), color-stop(0.05, rgb(207, 207, 207)), to(rgb(186, 186, 186)));
  1838.     border-top: 1px solid rgb(178, 178, 178);
  1839.     border-bottom: 1px solid rgb(178, 178, 178);
  1840. }
  1841.  
  1842. .pane > .title::before {
  1843.     content: url(Images/disclosureTriangleSmallRightBlack.png);
  1844.     float: left;
  1845.     width: 11px;
  1846.     height: 12px;
  1847.     margin-right: 2px;
  1848.     margin-top: 1px;
  1849. }
  1850.  
  1851. .pane.expanded > .title::before {
  1852.     content: url(Images/disclosureTriangleSmallDownBlack.png);
  1853. }
  1854.  
  1855. .pane > .title > select {
  1856.     float: right;
  1857.     width: 23px;
  1858.     height: 17px;
  1859.     color: transparent;
  1860.     background-color: transparent;
  1861.     border: none;
  1862.     background-repeat: no-repeat;
  1863.     margin: 1px 0 0 0;
  1864.     padding: 0;
  1865.     -webkit-border-radius: 0;
  1866.     -webkit-appearance: none;
  1867. }
  1868.  
  1869. .pane > .title > select:hover {
  1870.     background-position: -23px 0px;
  1871. }
  1872.  
  1873. .pane > .title > select:active {
  1874.     background-position: -46px 0px;
  1875. }
  1876.  
  1877. .pane > .title > select.select-settings {
  1878.     background-image: url(Images/paneSettingsButtons.png);
  1879. }
  1880.  
  1881. .pane > .title > select.select-filter {
  1882.     background-image: url(Images/paneFilterButtons.png);
  1883. }
  1884.  
  1885. .pane > .title > select > option, .pane > .title > select > hr {
  1886.     color: black;
  1887. }
  1888.  
  1889. .pane > .title > .pane-title-button {
  1890.     float: right;
  1891.     width: 23px;
  1892.     height: 17px;
  1893.     color: transparent;
  1894.     background-color: transparent;
  1895.     border: none;
  1896.     background-repeat: no-repeat;
  1897.     margin: 1px 0 0 0;
  1898.     padding: 0;
  1899.     -webkit-border-radius: 0;
  1900.     -webkit-appearance: none;
  1901. }
  1902.  
  1903. .pane > .title > .pane-title-button:hover {
  1904.     background-position: -23px 0px;
  1905. }
  1906.  
  1907. .pane > .title > .pane-title-button:active, .pane > .title > .pane-title-button.toggled {
  1908.     background-position: -46px 0px;
  1909. }
  1910.  
  1911. .pane > .title > .pane-title-button.add {
  1912.     background-image: url(Images/paneAddButtons.png);
  1913. }
  1914.  
  1915. .pane > .title > .pane-title-button.element-state {
  1916.     background-image: url(Images/paneElementStateButtons.png);
  1917. }
  1918.  
  1919. .pane > .title > .pane-title-button.refresh {
  1920.     background-image: url(Images/paneRefreshButtons.png);
  1921. }
  1922.  
  1923. .pane > .body {
  1924.     position: relative;
  1925.     display: none;
  1926.     overflow-y: auto;
  1927.     overflow-x: hidden;
  1928. }
  1929.  
  1930. .pane > .body .info {
  1931.     text-align: center;
  1932.     font-style: italic;
  1933.     font-size: 10px;
  1934.     padding: 6px;
  1935.     color: black;
  1936. }
  1937.  
  1938. .pane > .body .placard + .info {
  1939.     border-top: 1px solid rgb(189, 189, 189);
  1940.     background-color: rgb(255, 255, 194);
  1941. }
  1942.  
  1943. .pane.expanded > .body, .pane.expanded > .growbar {
  1944.     display: block;
  1945. }
  1946.  
  1947. .pane > .body .breakpoint-condition {
  1948.     display: block;
  1949.     margin-top: 4px;
  1950.     margin-bottom: 4px;
  1951.     margin-left: 23px;
  1952.     margin-right: 8px;
  1953. }
  1954.  
  1955. #breakpoint-condition-input {
  1956.     display: block;
  1957.     margin-left: 0;
  1958.     margin-right: 0;
  1959.     outline: none !important;
  1960.     border: 1px solid rgb(66%, 66%, 66%);
  1961. }
  1962.  
  1963. .pane.expanded:nth-last-of-type(1) {
  1964.     border-bottom: 1px solid rgb(189, 189, 189);
  1965. }
  1966.  
  1967. .pane > .growbar {
  1968.     display: none;
  1969.     background-image: url(Images/paneGrowHandleLine.png), url(Images/paneBottomGrow.png);
  1970.     background-repeat: no-repeat, repeat-x;
  1971.     background-position: center center, bottom;
  1972.     height: 5px;
  1973. }
  1974.  
  1975. .sidebar-pane-subtitle {
  1976.     position: absolute;
  1977.     right: 0;
  1978.     font-weight: normal;
  1979. }
  1980.  
  1981. body.platform-windows .sidebar-pane-subtitle {
  1982.     padding-top: 1px;
  1983. }
  1984.  
  1985. .sidebar-pane-subtitle input, .section .header input[type=checkbox] {
  1986.     font-size: inherit;
  1987.     hight: 1em;
  1988.     width: 1em;
  1989.     margin-left: 0;
  1990.     margin-top: 0;
  1991.     margin-bottom: 0.25em;
  1992.     vertical-align: bottom;
  1993. }
  1994.  
  1995. .sidebar {
  1996.     overflow-x: hidden;
  1997.     background-color: rgb(214, 221, 229);
  1998. }
  1999.  
  2000. body.inactive .sidebar {
  2001.     background-color: rgb(232, 232, 232);
  2002. }
  2003.  
  2004. .panel-enabler-view button:not(.status-bar-item), .pane button, button.show-all-nodes {
  2005.     color: rgb(6, 6, 6);
  2006.     background-color: transparent;
  2007.     border: 1px solid rgb(165, 165, 165);
  2008.     background-color: rgb(237, 237, 237);
  2009.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
  2010.     -webkit-border-radius: 12px;
  2011.     -webkit-appearance: none;
  2012. }
  2013.  
  2014. button.show-all-nodes {
  2015.     font-size: 13px;
  2016.     margin: 0;
  2017.     padding: 0 20px;
  2018.     height: 20px;
  2019. }
  2020.  
  2021. .pane button {
  2022.     margin: 6px 0 6px 3px;
  2023.     padding: 2px 9px;
  2024. }
  2025.  
  2026. .panel-enabler-view button:active:not(.status-bar-item), .pane button:active, button.show-all-nodes:active {
  2027.     background-color: rgb(215, 215, 215);
  2028.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
  2029. }
  2030.  
  2031. body.inactive .panel-enabler-view button:not(.status-bar-item), .panel-enabler-view button:disabled:not(.status-bar-item), body.inactive .pane button, .pane button:disabled, body.inactive button.show-all-nodes {
  2032.     color: rgb(130, 130, 130);
  2033.     border-color: rgb(212, 212, 212);
  2034.     background-color: rgb(239, 239, 239);
  2035.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(235, 235, 235)));
  2036. }
  2037.  
  2038. button.enable-toggle-status-bar-item .glyph {
  2039.     -webkit-mask-position: -192px 0;
  2040. }
  2041.  
  2042. button.enable-toggle-status-bar-item.toggled-on .glyph {
  2043.     -webkit-mask-position: -96px -24px;
  2044. }
  2045.  
  2046. #console-messages.console-filter-top {
  2047.     margin-top: 23px;
  2048. }
  2049.  
  2050. .scope-bar {
  2051.     line-height: 19px;
  2052.     padding-right: 10px;
  2053.     overflow: hidden;
  2054. }
  2055.  
  2056. .scope-bar li {
  2057.     display: inline-block;
  2058.     margin: 0 2px;
  2059.     padding: 2px 6px;
  2060.     font-size: 11px;
  2061.     line-height: 12px;
  2062.     font-weight: bold;
  2063.     color: rgb(46, 46, 46);
  2064.     background: transparent;
  2065.     text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
  2066.     -webkit-border-radius: 8px;
  2067.     vertical-align: middle;
  2068. }
  2069.  
  2070. .scope-bar-divider {
  2071.     background-color: rgba(0, 0, 0, 0.4);
  2072.     height: 16px;
  2073.     width: 1px;
  2074.     vertical-align: middle;
  2075.     display: inline-block;
  2076. }
  2077.  
  2078. .scope-bar li.selected, .scope-bar li:hover, .scope-bar li:active {
  2079.     color: white;
  2080.     text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
  2081. }
  2082.  
  2083. .scope-bar li.all {
  2084.     margin: 0 8px;
  2085. }
  2086.  
  2087. .scope-bar li:hover {
  2088.     background: rgba(0, 0, 0, 0.2);
  2089. }
  2090.  
  2091. .scope-bar li.selected {
  2092.     background: rgba(0, 0, 0, 0.3);
  2093.     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 -1px 1px rgba(255, 255, 255, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
  2094. }
  2095.  
  2096. .scope-bar li:active {
  2097.     background: rgba(0, 0, 0, 0.5);
  2098.     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 -1px 1px rgba(255, 255, 255, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
  2099. }
  2100.  
  2101. .console-warning-level, .console-error-level, .console-log-level, .console-debug-level {
  2102.     display: none;
  2103. }
  2104.  
  2105. .filter-all .console-warning-level, .filter-warnings .console-warning-level,
  2106. .filter-all .console-error-level, .filter-errors .console-error-level,
  2107. .filter-all .console-log-level, .filter-logs .console-log-level,
  2108. .filter-all .console-debug-level, .filter-debug .console-debug-level {
  2109.     display: block;
  2110. }
  2111.  
  2112. .filter-all .console-warning-level.repeated-message, .filter-warnings .console-warning-level.repeated-message,
  2113. .filter-all .console-error-level.repeated-message, .filter-errors .console-error-level.repeated-message,
  2114. .filter-all .console-log-level.repeated-message, .filter-logs .console-log-level.repeated-message,
  2115. .filter-all .console-debug-level.repeated-message, .filter-debug .console-debug-level.repeated-message {
  2116.     display: -webkit-flex;
  2117. }
  2118.  
  2119. .console-user-command-result {
  2120.     display: block;
  2121. }
  2122.  
  2123. .source-view-frame {
  2124.     width: 100%;
  2125.     height: 100%;
  2126. }
  2127.  
  2128. .sidebar-resizer-vertical {
  2129.     position: absolute;
  2130.     top: 0;
  2131.     bottom: 0;
  2132.     width: 5px;
  2133.     z-index: 500;
  2134.     cursor: ew-resize;
  2135. }
  2136.  
  2137. .sidebar-tree, .sidebar-tree .children {
  2138.     position: relative;
  2139.     padding: 0;
  2140.     margin: 0;
  2141.     list-style: none;
  2142.     font-size: 11px;
  2143. }
  2144.  
  2145. .sidebar-tree-section {
  2146.     position: relative;
  2147.     height: 18px;
  2148.     padding: 1px 10px 6px 10px;
  2149.     white-space: nowrap;
  2150.     margin-top: 1px;
  2151.     color: rgb(92, 110, 129);
  2152.     font-weight: bold;
  2153.     text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
  2154. }
  2155.  
  2156. .sidebar-tree-item {
  2157.     position: relative;
  2158.     height: 36px;
  2159.     padding: 0 5px 0 5px;
  2160.     white-space: nowrap;
  2161.     overflow-x: hidden;
  2162.     overflow-y: hidden;
  2163.     margin-top: 1px;
  2164.     line-height: 34px;
  2165.     border-top: 1px solid transparent;
  2166. }
  2167.  
  2168. .sidebar-tree .children {
  2169.     display: none;
  2170. }
  2171.  
  2172. .sidebar-tree .children.expanded {
  2173.     display: block;
  2174. }
  2175.  
  2176. .sidebar-tree-section + .children > .sidebar-tree-item {
  2177.     padding-left: 10px !important;
  2178. }
  2179.  
  2180. .sidebar-tree-section + .children.small > .sidebar-tree-item {
  2181.     padding-left: 17px !important;
  2182. }
  2183.  
  2184. .sidebar-tree > .children > .sidebar-tree-item {
  2185.     padding-left: 37px;
  2186. }
  2187.  
  2188. .sidebar-tree > .children > .children > .sidebar-tree-item {
  2189.     padding-left: 37px;
  2190. }
  2191.  
  2192. .sidebar-tree.hide-disclosure-buttons > .children {
  2193.     display: none;
  2194. }
  2195.  
  2196. .sidebar-tree > .children.hide-disclosure-buttons > .children {
  2197.     display: none;
  2198. }
  2199.  
  2200. .sidebar-tree.some-expandable:not(.hide-disclosure-buttons) > .sidebar-tree-item:not(.parent) .icon {
  2201.     margin-left: 16px;
  2202. }
  2203.  
  2204. .sidebar-tree-item .disclosure-button {
  2205.     float: left;
  2206.     width: 16px;
  2207.     height: 100%;
  2208.     border: 0;
  2209.     background-color: transparent;
  2210.     background-image: url(Images/disclosureTriangleSmallRight.png);
  2211.     background-repeat: no-repeat;
  2212.     background-position: center;
  2213.     -webkit-apearance: none;
  2214. }
  2215.  
  2216. .sidebar-tree.hide-disclosure-buttons .sidebar-tree-item .disclosure-button {
  2217.     display: none;
  2218. }
  2219.  
  2220. body.inactive .sidebar-tree-item .disclosure-button {
  2221.     background-image: url(Images/disclosureTriangleSmallRightBlack.png);
  2222. }
  2223.  
  2224. body.inactive .sidebar-tree-item.expanded .disclosure-button {
  2225.     background-image: url(Images/disclosureTriangleSmallDownBlack.png);
  2226. }
  2227.  
  2228. body.inactive .sidebar-tree-item .disclosure-button:active {
  2229.     background-image: url(Images/disclosureTriangleSmallRightDownBlack.png);
  2230. }
  2231.  
  2232. .sidebar-tree-item.selected .disclosure-button {
  2233.     background-image: url(Images/disclosureTriangleSmallRightWhite.png) !important;
  2234. }
  2235.  
  2236. .sidebar-tree-item.expanded .disclosure-button {
  2237.     background-image: url(Images/disclosureTriangleSmallDown.png);
  2238. }
  2239.  
  2240. .sidebar-tree-item.selected.expanded .disclosure-button {
  2241.     background-image: url(Images/disclosureTriangleSmallDownWhite.png) !important;
  2242. }
  2243.  
  2244. .sidebar-tree-item.selected .disclosure-button:active {
  2245.     background-image: url(Images/disclosureTriangleSmallRightDownWhite.png) !important;
  2246. }
  2247.  
  2248. .sidebar-tree-item .disclosure-button:active {
  2249.     background-image: url(Images/disclosureTriangleSmallRightDown.png);
  2250. }
  2251.  
  2252. .sidebar-tree-item .icon {
  2253.     float: left;
  2254.     width: 32px;
  2255.     height: 32px;
  2256.     margin-top: 1px;
  2257.     margin-right: 3px;
  2258. }
  2259.  
  2260. li .status {
  2261.     float: right;
  2262.     height: 16px;
  2263.     margin-top: 9px;
  2264.     margin-left: 4px;
  2265.     line-height: 1em;
  2266. }
  2267.  
  2268. li .status:empty {
  2269.     display: none;
  2270. }
  2271.  
  2272. li .status .bubble {
  2273.     display: inline-block;
  2274.     height: 14px;
  2275.     min-width: 16px;
  2276.     margin-top: 1px;
  2277.     background-color: rgb(128, 151, 189);
  2278.     vertical-align: middle;
  2279.     white-space: nowrap;
  2280.     padding: 1px 4px;
  2281.     text-align: center;
  2282.     font-size: 11px;
  2283.     line-height: normal;
  2284.     font-family: Helvetica, Arial, sans-serif;
  2285.     font-weight: bold;
  2286.     text-shadow: none;
  2287.     color: white;
  2288.     -webkit-border-radius: 7px;
  2289. }
  2290.  
  2291. li .status .bubble:empty {
  2292.     display: none;
  2293. }
  2294.  
  2295. li.selected .status .bubble {
  2296.     background-color: white !important;
  2297.     color: rgb(132, 154, 190) !important;
  2298. }
  2299.  
  2300. :focus li.selected .status .bubble {
  2301.     color: rgb(36, 98, 172) !important;
  2302. }
  2303.  
  2304. body.inactive li.selected .status .bubble {
  2305.     color: rgb(159, 159, 159) !important;
  2306. }
  2307.  
  2308. .sidebar-tree.small .sidebar-tree-item, .sidebar-tree .children.small .sidebar-tree-item, .sidebar-tree-item.small, .small .resources-graph-side {
  2309.     height: 20px;
  2310. }
  2311.  
  2312. .sidebar-tree.small .sidebar-tree-item .icon, .sidebar-tree .children.small .sidebar-tree-item .icon, .sidebar-tree-item.small .icon {
  2313.     width: 16px;
  2314.     height: 16px;
  2315. }
  2316.  
  2317. .sidebar-tree.small .sidebar-tree-item .status, .sidebar-tree .children.small .sidebar-tree-item .status, .sidebar-tree-item.small .status {
  2318.     margin-top: 1px;
  2319. }
  2320.  
  2321. .sidebar-tree-item.selected {
  2322.     color: white;
  2323.     border-top: 1px solid rgb(145, 160, 192);
  2324.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177)));
  2325.     text-shadow: rgba(0, 0, 0, 0.33) 0 1px 0;
  2326.     font-weight: bold;
  2327.     -webkit-background-origin: padding;
  2328.     -webkit-background-clip: padding;
  2329. }
  2330.  
  2331. :focus .sidebar-tree-item.selected {
  2332.     border-top: 1px solid rgb(68, 128, 200);
  2333.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(21, 83, 170)));
  2334. }
  2335.  
  2336. body.inactive .sidebar-tree-item.selected {
  2337.     border-top: 1px solid rgb(151, 151, 151);
  2338.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(180, 180, 180)), to(rgb(138, 138, 138)));
  2339. }
  2340.  
  2341. .sidebar-tree-item .titles {
  2342.     position: relative;
  2343.     top: 5px;
  2344.     line-height: 11px;
  2345.     padding-bottom: 1px;
  2346.     text-overflow: ellipsis;
  2347.     overflow: hidden;
  2348.     white-space: nowrap;
  2349. }
  2350.  
  2351. .sidebar-tree-item .titles.no-subtitle {
  2352.     top: 10px;
  2353. }
  2354.  
  2355. .sidebar-tree.small .sidebar-tree-item .titles, .sidebar-tree .children.small .sidebar-tree-item .titles, .sidebar-tree-item.small .titles {
  2356.     top: 2px;
  2357.     line-height: normal;
  2358. }
  2359.  
  2360. .sidebar-tree:not(.small) .sidebar-tree-item:not(.small) .title::after, .sidebar-tree .children:not(.small) .sidebar-tree-item .title::after {
  2361.     content: "\A";
  2362.     white-space: pre;
  2363. }
  2364.  
  2365. .sidebar-tree-item .subtitle {
  2366.     font-size: 9px;
  2367.     color: rgba(0, 0, 0, 0.7);
  2368. }
  2369.  
  2370. .sidebar-tree.small .sidebar-tree-item .subtitle, .sidebar-tree .children.small .sidebar-tree-item .subtitle, .sidebar-tree-item.small .subtitle {
  2371.     display: none;
  2372. }
  2373.  
  2374. .sidebar-tree-item.selected .subtitle {
  2375.     color: rgba(255, 255, 255, 0.9);
  2376. }
  2377.  
  2378. .bubble.debug, .console-debug-level .bubble {
  2379.     background-color: rgb(0, 0, 255) !important;
  2380. }
  2381.  
  2382. .bubble.warning, .console-warning-level .bubble {
  2383.     background-color: rgb(232, 164, 0) !important;
  2384. }
  2385.  
  2386. .bubble.error, .console-error-level .bubble {
  2387.     background-color: rgb(216, 35, 35) !important;
  2388. }
  2389.  
  2390. .bubble.search-matches {
  2391.     background-image: url(Images/searchSmallWhite.png);
  2392.     background-repeat: no-repeat;
  2393.     background-position: 3px 2px;
  2394.     padding-left: 13px !important;
  2395. }
  2396.  
  2397. li.selected .bubble.search-matches {
  2398.     background-image: url(Images/searchSmallBlue.png);
  2399. }
  2400.  
  2401. :focus li.selected .bubble.search-matches {
  2402.     background-image: url(Images/searchSmallBrightBlue.png);
  2403. }
  2404.  
  2405. body.inactive li.selected .bubble.search-matches {
  2406.     background-image: url(Images/searchSmallGray.png);
  2407. }
  2408.  
  2409. .storage-application-cache-status-icon, .storage-application-cache-connectivity-icon {
  2410.     margin-bottom: -3px;
  2411.     margin-left: 5px;
  2412.     vertical-align: middle;
  2413. }
  2414.  
  2415. .status-bar-divider {
  2416.     margin-left: 7px;
  2417.     border-right: 1px solid #CCC;
  2418. }
  2419.  
  2420. .storage-application-cache-status, .storage-application-cache-connectivity {
  2421.     position: relative;
  2422.     top: 4px;
  2423. }
  2424.  
  2425. .status-bar-items {
  2426.     position: absolute;
  2427.     top: 0;
  2428.     bottom: 0;
  2429.     left: 200px;
  2430.     overflow: hidden;
  2431.     border-left: 1px solid rgb(184, 184, 184);
  2432.     margin-left: -1px;
  2433. }
  2434.  
  2435. .node-search-status-bar-item .glyph {
  2436.     -webkit-mask-position: -224px -24px;
  2437. }
  2438.  
  2439. .delete-storage-status-bar-item .glyph {
  2440.     -webkit-mask-position: -128px 0;
  2441. }
  2442.  
  2443. .refresh-storage-status-bar-item .glyph {
  2444.     -webkit-mask-position: 0 0;
  2445. }
  2446.  
  2447. ol.breakpoint-list {
  2448.     -webkit-padding-start: 0;
  2449.     list-style: none;
  2450.     margin: 0;
  2451. }
  2452.  
  2453. .breakpoints-list-deactivated {
  2454.     background-color: rgb(245, 245, 245);
  2455.     opacity: 0.3;
  2456. }
  2457.  
  2458. .breakpoint-list li {
  2459.     white-space: nowrap;
  2460.     text-overflow: ellipsis;
  2461.     overflow: hidden;
  2462.     padding: 2px 0;
  2463.     color: black;
  2464. }
  2465.  
  2466. .breakpoint-list li:hover {
  2467.     background-color: rgba(56, 121, 217, 0.2);
  2468. }
  2469.  
  2470. .breakpoint-list .checkbox-elem {
  2471.     font-size: 10px;
  2472.     margin: 0 4px;
  2473.     vertical-align: top;
  2474.     position: relative;
  2475.     z-index: 1;
  2476. }
  2477.  
  2478. .breakpoint-list .source-text {
  2479.     white-space: nowrap;
  2480.     text-overflow: ellipsis;
  2481.     overflow: hidden;
  2482.     margin: 2px 0 0px 20px;
  2483. }
  2484.  
  2485. .pane .breakpoint-hit {
  2486.     background-color: rgb(255, 255, 194);
  2487. }
  2488.  
  2489. li.breakpoint-hit .breakpoint-hit-marker {
  2490.     background-color: rgb(255, 255, 194);
  2491.     height: 18px;
  2492.     left: 0px;
  2493.     margin-top: -16px;
  2494.     position: absolute;
  2495.     right: 0px;
  2496.     z-index: -1;
  2497. }
  2498.  
  2499. .webkit-html-js-node, .webkit-html-css-node {
  2500.     white-space: pre;
  2501. }
  2502.  
  2503. .source-frame-breakpoint-condition {
  2504.     z-index: 30;
  2505.     padding: 4px;
  2506.     background-color: rgb(203, 226, 255);
  2507.     -webkit-border-radius: 7px;
  2508.     border: 2px solid rgb(169, 172, 203);
  2509.     width: 90%;
  2510.     pointer-events: auto;
  2511. }
  2512.  
  2513. .source-frame-breakpoint-message {
  2514.     background-color: transparent;
  2515.     font-family: Lucida Grande, sans-serif;
  2516.     font-weight: normal;
  2517.     font-size: 11px;
  2518.     text-align: left;
  2519.     text-shadow: none;
  2520.     color: rgb(85, 85, 85);
  2521.     cursor: default;
  2522.     margin: 0 0 2px 0;
  2523. }
  2524.  
  2525. #source-frame-breakpoint-condition {
  2526.     margin: 0;
  2527.     border: 1px inset rgb(190, 190, 190) !important;
  2528.     width: 100%;
  2529.     box-shadow: none !important;
  2530.     outline: none !important;
  2531.     -webkit-user-modify: read-write;
  2532. }
  2533.  
  2534. .source-frame-popover-title {
  2535.     text-overflow: ellipsis;
  2536.     overflow: hidden;
  2537.     white-space: nowrap;
  2538.     font-weight: bold;
  2539.     padding-left: 18px;
  2540. }
  2541.  
  2542. .source-frame-popover-tree {
  2543.     border-top: 1px solid rgb(194, 194, 147);
  2544.     overflow: auto;
  2545.     position: absolute;
  2546.     top: 15px;
  2547.     bottom: 0;
  2548.     left: 0;
  2549.     right: 0;
  2550. }
  2551.  
  2552. .source-frame-eval-expression {
  2553.     border: 1px solid rgb(163, 41, 34);
  2554.     margin: -1px;
  2555.     background-color: rgb(255, 255, 194);
  2556. }
  2557.  
  2558. .workers-list {
  2559.     list-style: none;
  2560.     margin: 0;
  2561.     padding: 0;
  2562. }
  2563.  
  2564. .workers-list > li {
  2565.     overflow: hidden;
  2566.     text-overflow: ellipsis;
  2567.     white-space: nowrap;
  2568.     margin-left: 1em;
  2569.     font-size: 12px;
  2570. }
  2571.  
  2572. a.worker-item {
  2573.     color: rgb(33%, 33%, 33%);
  2574.     cursor: pointer;
  2575.     text-decoration: none;
  2576. }
  2577.  
  2578. a.worker-item:hover {
  2579.     color: rgb(15%, 15%, 15%);
  2580. }
  2581.  
  2582. .resource-content-unavailable {
  2583.     color: rgb(50%, 50%, 50%);
  2584.     font-style: italic;
  2585.     font-size: 14px;
  2586.     text-align: center;
  2587.     padding: 32px;
  2588. }
  2589.  
  2590. .node-link {
  2591.     text-decoration: underline;
  2592.     cursor: pointer;
  2593. }
  2594.  
  2595. .cursor-pointer {
  2596.     cursor: pointer;
  2597. }
  2598.  
  2599. .cursor-auto {
  2600.     cursor: auto;
  2601. }
  2602.  
  2603. .please-wait-msg {
  2604.     position: absolute;
  2605.     left: 0;
  2606.     top: 0;
  2607.     border: 4px black solid;
  2608.     border-radius: 4px;
  2609.     background-color: black;
  2610.     opacity: 0.85;
  2611.     color: white;
  2612.     font-size: 12px;
  2613.     font-weight: bold;
  2614.     z-index: 10000;
  2615. }
  2616.  
  2617. .resource-view.json {
  2618.     padding: 5px;
  2619. }
  2620.  
  2621. .resource-view.html iframe {
  2622.     width: 100%;
  2623.     height: 100%;
  2624.     position: absolute;
  2625. }
  2626.  
  2627. .soft-context-menu-glass-pane {
  2628.     position: absolute;
  2629.     top: 0;
  2630.     bottom: 0;
  2631.     left: 0;
  2632.     right: 0;
  2633.     z-index: 20000;
  2634. }
  2635.  
  2636. .soft-context-menu {
  2637.     position: absolute;
  2638.     font-family: 'Lucida Grande', 'Helvetica', 'sans-serif';
  2639.     border: 1px solid rgba(196, 196, 196, 0.9);
  2640.     border-top: 1px solid rgba(196, 196, 196, 0.5);
  2641.     border-bottom: 1px solid rgba(150, 150, 150, 0.9);
  2642.     padding: 4px 0 4px 0;
  2643.     border-radius: 4px;
  2644.     background-color: white;
  2645.     -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
  2646. }
  2647.  
  2648. .soft-context-menu-item {
  2649.     width: 100%;
  2650.     line-height: 13px;
  2651.     font-size: 14px;
  2652.     border-top: 1px solid transparent;
  2653.     border-bottom: 1px solid transparent;
  2654.     padding: 2px 7px 2px 6px;
  2655.     margin: 0 13px 0 0;
  2656.     white-space: nowrap;
  2657. }
  2658.  
  2659. .soft-context-menu-separator {
  2660.     height: 10px;
  2661.     margin: 0 1px;
  2662. }
  2663.  
  2664. .soft-context-menu-separator > .separator-line {
  2665.     margin: 0;
  2666.     height: 5px;
  2667.     border-bottom: 1px solid rgb(227, 227, 227);
  2668.     pointer-events: none;
  2669. }
  2670.  
  2671. .soft-context-menu-item-mouse-over {
  2672.     border-top: 1px solid rgb(56, 121, 217);
  2673.     border-bottom: 1px solid rgb(56, 121, 217);
  2674.     background-color: rgb(56, 121, 217);
  2675.     color: white;
  2676. }
  2677.  
  2678. body.platform-mac .soft-context-menu-item-mouse-over {
  2679.     border-top: 1px solid rgb(90, 131, 236);
  2680.     border-bottom: 1px solid rgb(18, 88, 233);
  2681.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(100, 140, 243)), to(rgb(36, 101, 243)));
  2682. }
  2683.  
  2684. .soft-context-menu-item-checkmark {
  2685.     color: rgb(108, 108, 108);
  2686.     pointer-events: none;
  2687. }
  2688.  
  2689. .soft-context-menu-item-submenu-arrow {
  2690.     color: black;
  2691.     float: right;
  2692.     pointer-events: none;
  2693. }
  2694.  
  2695. .soft-context-menu-item-mouse-over .soft-context-menu-item-checkmark {
  2696.     color: white;
  2697. }
  2698.  
  2699. .search-view {
  2700.     position: absolute;
  2701.     top: 0;
  2702.     bottom: 0;
  2703.     left: 0;
  2704.     right: 0;
  2705. }
  2706.  
  2707. .search-drawer-header input[type="search"].search-config-search {
  2708.     font-size: 11px;
  2709.     margin-left: 4px;
  2710.     color: #303030;
  2711.     position: relative;
  2712. }
  2713.  
  2714. body.platform-mac .search-drawer-header input[type="search"].search-config-search {
  2715.     top: 1px;
  2716. }
  2717.  
  2718. .search-drawer-header label.search-config-label {
  2719.     margin-left: 8px;
  2720.     color: #303030;
  2721. }
  2722.  
  2723. .search-drawer-header input[type="checkbox"].search-config-checkbox {
  2724.     vertical-align: bottom;
  2725. }
  2726.  
  2727. body:not(.platform-mac) .search-drawer-header input[type="checkbox"].search-config-checkbox {
  2728.     margin-bottom: 5px;
  2729. }
  2730.  
  2731. body.platform-mac .search-drawer-header input[type="checkbox"].search-config-checkbox {
  2732.     margin-bottom: 4px;
  2733. }
  2734.  
  2735. .drawer-header {
  2736.     font-size: 11px;
  2737.     border-right: 1px solid rgb(197, 197, 197);
  2738.     line-height: 21px;
  2739.     padding-left: 6px;
  2740.     display: inline-block;
  2741. }
  2742.  
  2743. .drawer-header-close-button {
  2744.     font-family: Arial, monospace;
  2745.     padding: 3px 8px;
  2746.     font-size: 14px;
  2747.     color:rgb(80, 80, 80);
  2748.     opacity: 0.5;
  2749.     position: relative;
  2750.     top: 1px;
  2751. }
  2752.  
  2753. .drawer-header-close-button:hover {
  2754.     opacity: 1;
  2755. }
  2756.  
  2757. .drawer-header-close-button:active {
  2758.     opacity: 0.7;
  2759. }
  2760.  
  2761. #bottom-status-bar-container {
  2762.     -webkit-flex: 1 1 0;
  2763.     width: 0;
  2764.     overflow: hidden;
  2765. }
  2766.  
  2767. .search-status-bar-item {
  2768.     display: inline-block;
  2769.     cursor: pointer;
  2770.     font-size: 11px;
  2771.     height: 23px;
  2772. }
  2773.  
  2774. .search-status-bar-message {
  2775.     margin-left:5px;
  2776.     margin-right:5px;
  2777.     margin-top:5px;
  2778.     float:left;
  2779. }
  2780.  
  2781. .progress-bar-stop-button-item {
  2782.     width: 19px;
  2783.     height: 24px;
  2784.     overflow: hidden;
  2785. }
  2786.  
  2787. .progress-bar-stop-button .glyph {
  2788.     -webkit-mask-position: -96px -48px;
  2789.     background-color: rgb(216, 0, 0) !important;
  2790. }
  2791.  
  2792. .search-results-status-bar-message {
  2793.     margin-right: 10px;
  2794.     cursor: default;
  2795.     font-size: 11px;
  2796.     float: right;
  2797.     margin-top: 5px;
  2798. }
  2799.  
  2800. .search-view .search-results {
  2801.     position: absolute;
  2802.     top: 0;
  2803.     bottom: 0;
  2804.     left: 0;
  2805.     right: 0;
  2806.     overflow-y: auto;
  2807. }
  2808.  
  2809. #search-results-pane-file-based li {
  2810.     list-style: none;
  2811. }
  2812.  
  2813. #search-results-pane-file-based ol {
  2814.     -webkit-padding-start: 0;
  2815.     margin-top: 0;
  2816. }
  2817.  
  2818. #search-results-pane-file-based ol.children {
  2819.     display: none;
  2820. }
  2821.  
  2822. #search-results-pane-file-based ol.children.expanded {
  2823.     display: block;
  2824. }
  2825.  
  2826. #search-results-pane-file-based li.parent::before {
  2827.     content: url(Images/treeRightTriangleBlack.png);
  2828.     position: relative;
  2829.     left: -4px;
  2830. }
  2831.  
  2832. #search-results-pane-file-based li.parent.expanded::before {
  2833.     content: url(Images/treeDownTriangleBlack.png);
  2834. }
  2835.  
  2836. #search-results-pane-file-based .search-result {
  2837.     font-size: 11px;
  2838.     padding: 2px 0 2px 10px;
  2839.     word-wrap: normal;
  2840.     white-space: pre;
  2841.     cursor: pointer;
  2842. }
  2843.  
  2844. #search-results-pane-file-based .search-result:hover {
  2845.     background-color: rgba(121, 121, 121, 0.1);
  2846. }
  2847.  
  2848. #search-results-pane-file-based .search-result .search-result-file-name {
  2849.     font-weight: bold;
  2850.     color: #222;
  2851. }
  2852.  
  2853. #search-results-pane-file-based .search-result .search-result-matches-count {
  2854.     margin-left: 5px;
  2855.     color: #333;
  2856. }
  2857.  
  2858. #search-results-pane-file-based .show-more-matches {
  2859.     padding: 4px 0;
  2860.     color: #333;
  2861.     cursor: pointer;
  2862.     font-size: 11px;
  2863.     margin-left: 20px;
  2864. }
  2865.  
  2866. #search-results-pane-file-based .show-more-matches:hover {
  2867.     text-decoration: underline;
  2868. }
  2869.  
  2870. #search-results-pane-file-based .search-match {
  2871.     word-wrap: normal;
  2872.     white-space: pre;
  2873. }
  2874.  
  2875. #search-results-pane-file-based .search-match .webkit-line-number.search-match-line-number {
  2876.     margin-right: 5px;
  2877.     border-right: 1px solid #BBB;
  2878. }
  2879.  
  2880. #search-results-pane-file-based .search-match:not(:hover) .webkit-line-number.search-match-line-number {
  2881.     background-color: #F0F0F0;
  2882. }
  2883.  
  2884. #search-results-pane-file-based .search-match:hover {
  2885.     background-color: rgba(56, 121, 217, 0.1);
  2886. }
  2887.  
  2888. #search-results-pane-file-based .search-match .highlighted-match {
  2889.     background-color: #F1EA00;
  2890. }
  2891.  
  2892. #search-results-pane-file-based a {
  2893.     text-decoration: none;
  2894.     display: block;
  2895. }
  2896.  
  2897. #search-results-pane-file-based .search-match .search-match-content {
  2898.     color: #000;
  2899. }
  2900.  
  2901. .record-cpu-profile-status-bar-item .glyph, .record-profile-status-bar-item .glyph {
  2902.     -webkit-mask-position: -288px 0;
  2903. }
  2904.  
  2905. .record-cpu-profile-status-bar-item.toggled-on .glyph, .record-profile-status-bar-item.toggled-on .glyph {
  2906.     -webkit-mask-position: -288px -24px;
  2907.     background-color: rgb(216, 0, 0) !important;
  2908. }
  2909.  
  2910. .storage-empty-view, .storage-view .storage-table-error {
  2911.     position: absolute;
  2912.     top: 0;
  2913.     bottom: 25%;
  2914.     left: 0;
  2915.     right: 0;
  2916.     font-size: 24px;
  2917.     color: rgb(75%, 75%, 75%);
  2918.     margin-top: auto;
  2919.     margin-bottom: auto;
  2920.     height: 50px;
  2921.     line-height: 26px;
  2922.     text-align: center;
  2923.     font-weight: bold;
  2924.     padding: 10px;
  2925.     white-space: pre-wrap;
  2926. }
  2927.  
  2928. /* Generic suggest box style */
  2929.  
  2930. .suggest-box.generic-suggest {
  2931.     margin-left: -1px;
  2932.     border-color: rgb(66%, 66%, 66%);
  2933. }
  2934.  
  2935. .suggest-box.generic-suggest.above-anchor {
  2936.    border-radius: 5px 5px 5px 0;
  2937. }
  2938.  
  2939. .suggest-box.generic-suggest.under-anchor {
  2940.    border-radius: 0 5px 5px 5px;
  2941. }
  2942.  
  2943. /* Custom popup scrollers */
  2944.  
  2945. .custom-popup-horizontal-scroll ::-webkit-scrollbar, .custom-popup-vertical-scroll ::-webkit-scrollbar {
  2946.     width: 11px;
  2947.     height: 11px;
  2948. }
  2949.  
  2950. .custom-popup-horizontal-scroll ::-webkit-scrollbar-corner, .custom-popup-vertical-scroll ::-webkit-scrollbar-corner {
  2951.     display: none;
  2952. }
  2953.  
  2954. .custom-popup-horizontal-scroll ::-webkit-resizer, .custom-popup-vertical-scroll ::-webkit-resizer {
  2955.     display: none;
  2956. }
  2957.  
  2958. .custom-popup-horizontal-scroll ::-webkit-scrollbar-button, .custom-popup-vertical-scroll ::-webkit-scrollbar-button {
  2959.     display: none;
  2960. }
  2961.  
  2962. /* Custom Horizontal Scrollbar Styles */
  2963.  
  2964. .custom-popup-horizontal-scroll ::-webkit-scrollbar:horizontal:corner-present {
  2965.     border-right-width: 0;
  2966. }
  2967.  
  2968. .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal {
  2969.     -webkit-border-image: url(Images/thumbHoriz.png) 0 11 0 11;
  2970.     border-color: transparent;
  2971.     border-width: 0 11px;
  2972.     min-width: 20px;
  2973. }
  2974.  
  2975. .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:hover {
  2976.     -webkit-border-image: url(Images/thumbHoverHoriz.png) 0 11 0 11;
  2977. }
  2978.  
  2979. .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:active {
  2980.     -webkit-border-image: url(Images/thumbActiveHoriz.png) 0 11 0 11;
  2981. }
  2982.  
  2983. .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:start {
  2984.     margin-left: 5px;
  2985. }
  2986.  
  2987. .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:end {
  2988.     margin-right: 5px;
  2989. }
  2990.  
  2991. .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:end:corner-present {
  2992.     margin-right: 4px;
  2993. }
  2994.  
  2995. .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:decrement {
  2996.     -webkit-border-image: url(Images/trackHoriz.png) 0 11 0 11;
  2997.     border-color: transparent;
  2998.     border-width: 0 0 0 11px;
  2999. }
  3000.  
  3001. .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:increment {
  3002.     -webkit-border-image: url(Images/trackHoriz.png) 0 11 0 11;
  3003.     border-color: transparent;
  3004.     border-width: 0 11px 0 0;
  3005. }
  3006.  
  3007. /* Custom Vertical Scrollbar Styles */
  3008.  
  3009. .custom-popup-vertical-scroll ::-webkit-scrollbar:vertical:corner-present {
  3010.     border-bottom-width: 0;
  3011. }
  3012.  
  3013. .custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical {
  3014.     -webkit-border-image: url(Images/thumbVert.png) 11 0 11 0;
  3015.     border-color: transparent;
  3016.     border-width: 11px 0;
  3017.     min-height: 20px;
  3018. }
  3019.  
  3020. .custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:hover {
  3021.     -webkit-border-image: url(Images/thumbHoverVert.png) 11 0 11 0;
  3022. }
  3023.  
  3024. .custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:active {
  3025.     -webkit-border-image: url(Images/thumbActiveVert.png) 11 0 11 0;
  3026. }
  3027.  
  3028. .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:start {
  3029.     margin-top: 5px;
  3030. }
  3031.  
  3032. .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:end {
  3033.     margin-bottom: 5px;
  3034. }
  3035.  
  3036. .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:end:corner-present {
  3037.     margin-bottom: 4px;
  3038. }
  3039.  
  3040. .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:decrement {
  3041.     -webkit-border-image: url(Images/trackVert.png) 11 0 11 0;
  3042.     border-color: transparent;
  3043.     border-width: 11px 0 0 0;
  3044. }
  3045.  
  3046. .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:increment {
  3047.     -webkit-border-image: url(Images/trackVert.png) 11 0 11 0;
  3048.     border-color: transparent;
  3049.     border-width: 0 0 11px 0;
  3050. }
  3051.  
  3052. .console-context {
  3053.     max-width: 200px;
  3054. }
  3055.  
  3056. .inspector-footer {
  3057.     position: absolute;
  3058.     bottom: 0;
  3059.     left: 0;
  3060.     right: 0;
  3061.     font-size: 11px;
  3062.     height: auto;
  3063. }
  3064.  
  3065. .progress-bar-container {
  3066.     display: -webkit-flex;
  3067.     margin: 0 8px;
  3068.     -webkit-flex: 1 0;
  3069. }
  3070.  
  3071. .progress-bar-container span {
  3072.     padding: 6px;
  3073. }
  3074.  
  3075. .progress-bar-container progress {
  3076.     margin-top: 7px;
  3077.     -webkit-flex: 1 0;
  3078. }
  3079.  
  3080. body.platform-mac .progress-bar-container progress {
  3081.     margin-top: 6px;
  3082. }
  3083.  
  3084. .progress-bar-container button.status-bar-item {
  3085.     border-left: none;
  3086.     margin-top: 1px;
  3087. }
  3088.  
  3089. /* inspectorCommon.css */
  3090.  
  3091. html {
  3092.     height: 100%;
  3093. }
  3094.  
  3095. body {
  3096.     cursor: default;
  3097.     position: absolute;
  3098.     top: 0;
  3099.     bottom: 0;
  3100.     left: 0;
  3101.     right: 0;
  3102.     overflow: hidden;
  3103.     font-family: Lucida Grande, sans-serif;
  3104.     font-size: 10px;
  3105.     margin: 0;
  3106.     tab-size: 4;
  3107.     -webkit-user-select: none;
  3108. }
  3109.  
  3110. body.dock-to-right:not(.undocked) {
  3111.     border-left: 1px solid rgb(80, 80, 80);
  3112. }
  3113.  
  3114. body.dock-to-right.inactive:not(.undocked) {
  3115.     border-left: 1px solid rgb(64%, 64%, 64%);
  3116. }
  3117.  
  3118. * {
  3119.     -webkit-box-sizing: border-box;
  3120. }
  3121.  
  3122. :focus {
  3123.     outline: none;
  3124. }
  3125.  
  3126. img {
  3127.     -webkit-user-drag: none;
  3128. }
  3129.  
  3130. iframe, a img {
  3131.     border: none;
  3132. }
  3133.  
  3134. iframe.view {
  3135.     position: absolute;
  3136.     width: 100%;
  3137.     height: 100%;
  3138.     left: 0;
  3139.     right: 0;
  3140.     top: 0;
  3141.     bottom: 0;
  3142. }
  3143.  
  3144. .hidden {
  3145.     display: none !important;
  3146. }
  3147.  
  3148. .monospace {
  3149.     font-size: 10px !important;
  3150.     font-family: monospace;
  3151. }
  3152.  
  3153. .resources-dividers {
  3154.     position: absolute;
  3155.     left: 0;
  3156.     right: 0;
  3157.     height: 100%;
  3158.     top: 0;
  3159.     z-index: -100;
  3160. }
  3161.  
  3162. .resources-event-dividers {
  3163.     position: absolute;
  3164.     left: 0;
  3165.     right: 0;
  3166.     height: 100%;
  3167.     top: 0;
  3168.     z-index: 300;
  3169.     pointer-events: none;
  3170. }
  3171.  
  3172. .resources-dividers-label-bar {
  3173.     position: absolute;
  3174.     top: 0;
  3175.     left: 0px;
  3176.     right: 0;
  3177.     background-color: rgba(255, 255, 255, 0.8);
  3178.     background-clip: padding;
  3179.     border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  3180.     height: 20px;
  3181.     z-index: 200;
  3182.     pointer-events: none;
  3183. }
  3184.  
  3185. .resources-divider {
  3186.     position: absolute;
  3187.     width: 1px;
  3188.     top: 0;
  3189.     bottom: 0;
  3190.     background-color: rgba(0, 0, 0, 0.1);
  3191. }
  3192.  
  3193. .resources-event-divider-padding {
  3194.     position: absolute;
  3195.     width: 8px;
  3196.     top: 0;
  3197.     bottom: 0;
  3198.     pointer-events: auto;
  3199. }
  3200.  
  3201. .resources-event-divider {
  3202.     position: absolute;
  3203.     width: 2px;
  3204.     top: 0;
  3205.     bottom: 0;
  3206.     z-index: 300;
  3207. }
  3208.  
  3209. .resources-divider-label {
  3210.     position: absolute;
  3211.     top: 4px;
  3212.     right: 3px;
  3213.     font-size: 9px;
  3214.     color: rgb(50%, 50%, 50%);
  3215.     white-space: nowrap;
  3216. }
  3217.  
  3218.  
  3219. /* Network timing is shared between popover and network item view pane */
  3220.  
  3221. .network-timing-row {
  3222.     position: relative;
  3223.     height: 16px;
  3224. }
  3225.  
  3226. .network-timing-bar {
  3227.     position: absolute;
  3228.     background-color: red;
  3229.     border-left: 1px solid red;
  3230.     opacity: 0.4;
  3231.     top: 0;
  3232.     bottom: 0;
  3233. }
  3234.  
  3235. .network-timing-bar-title {
  3236.     position: absolute;
  3237.     color: black;
  3238.     top: 1px;
  3239. }
  3240.  
  3241. .webkit-search-result {
  3242.     -webkit-border-radius: 4px;
  3243.     padding: 2px 2px 2px 3px;
  3244.     margin: -2px -2px -2px -3px;
  3245.     opacity: 0.8;
  3246.     -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
  3247.     background-color: rgb(241, 234, 0);
  3248.     color: black;
  3249. }
  3250.  
  3251. .sidebar-separator {
  3252.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(243, 243, 243)), color-stop(0.05, rgb(243, 243, 243)), color-stop(0.05, rgb(230, 230, 230)), to(rgb(209, 209, 209)));
  3253.     padding: 0 5px;
  3254.     border-top: 1px solid rgb(189, 189, 189);
  3255.     border-bottom: 1px solid rgb(189, 189, 189);
  3256.     color: rgb(110, 110, 110);
  3257.     text-shadow: white 0 1px 0;
  3258.     white-space: nowrap;
  3259.     text-overflow: ellipsis;
  3260.     overflow: hidden;
  3261.     font-size: 11px;
  3262. }
  3263.  
  3264. .sidebar-label {
  3265.     font-size: 11px;
  3266. }
  3267.  
  3268.  
  3269. /* inspectorSyntaxHighlight.css */
  3270.  
  3271. /*
  3272.  * Copyright (C) 2009 Apple Inc.  All rights reserved.
  3273.  *
  3274.  * Redistribution and use in source and binary forms, with or without
  3275.  * modification, are permitted provided that the following conditions
  3276.  * are met:
  3277.  *
  3278.  * 1.  Redistributions of source code must retain the above copyright
  3279.  *     notice, this list of conditions and the following disclaimer.
  3280.  * 2.  Redistributions in binary form must reproduce the above copyright
  3281.  *     notice, this list of conditions and the following disclaimer in the
  3282.  *     documentation and/or other materials provided with the distribution.
  3283.  * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
  3284.  *     its contributors may be used to endorse or promote products derived
  3285.  *     from this software without specific prior written permission.
  3286.  *
  3287.  * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
  3288.  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
  3289.  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  3290.  * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
  3291.  * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
  3292.  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
  3293.  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  3294.  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  3295.  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  3296.  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  3297.  */
  3298.  
  3299. .webkit-css-comment {
  3300.     color: rgb(0, 116, 0);
  3301. }
  3302.  
  3303. .webkit-css-url, .webkit-css-color, .webkit-css-string, .webkit-css-keyword {
  3304.     color: rgb(7, 144, 154);
  3305.  }
  3306.  
  3307. .webkit-css-number {
  3308.     color: rgb(50, 0, 255);
  3309. }
  3310.  
  3311. .webkit-css-property, .webkit-css-at-rule {
  3312.     color: rgb(200, 0, 0);
  3313. }
  3314.  
  3315. .webkit-css-selector {
  3316.     color: black;
  3317. }
  3318.  
  3319. .webkit-css-bang-keyword {
  3320.     color: rgb(200, 0, 180);
  3321. }
  3322.  
  3323. .webkit-javascript-comment {
  3324.     color: rgb(0, 116, 0);
  3325. }
  3326.  
  3327. .webkit-javascript-keyword {
  3328.     color: rgb(170, 13, 145);
  3329. }
  3330.  
  3331. .webkit-javascript-number {
  3332.     color: rgb(28, 0, 207);
  3333. }
  3334.  
  3335. .webkit-javascript-string, .webkit-javascript-regexp {
  3336.     color: rgb(196, 26, 22);
  3337. }
  3338.  
  3339. .webkit-javascript-ident {
  3340.     color: black;
  3341. }
  3342.  
  3343. .webkit-html-comment {
  3344.     /* Keep this in sync with view-source.css (.webkit-html-comment) */
  3345.     color: rgb(35, 110, 37);
  3346. }
  3347.  
  3348. .webkit-html-tag {
  3349.     /* Keep this in sync with view-source.css (.webkit-html-tag) */
  3350.     color: rgb(136, 18, 128);
  3351. }
  3352.  
  3353. .webkit-html-doctype {
  3354.     /* Keep this in sync with view-source.css (.webkit-html-doctype) */
  3355.     color: rgb(192, 192, 192);
  3356. }
  3357.  
  3358. .webkit-html-attribute-name {
  3359.     /* Keep this in sync with view-source.css (.webkit-html-attribute-name) */
  3360.     color: rgb(153, 69, 0);
  3361. }
  3362.  
  3363. .webkit-html-attribute-value {
  3364.     /* Keep this in sync with view-source.css (.webkit-html-attribute-value) */
  3365.     color: rgb(26, 26, 166);
  3366. }
  3367.  
  3368. .webkit-html-external-link, .webkit-html-resource-link {
  3369.     /* Keep this in sync with view-source.css (.webkit-html-external-link, .webkit-html-resource-link) */
  3370.     color: #00e;
  3371. }
  3372.  
  3373. .webkit-html-external-link {
  3374.     /* Keep this in sync with view-source.css (.webkit-html-external-link) */
  3375.     text-decoration: none;
  3376. }
  3377.  
  3378. .webkit-html-external-link:hover {
  3379.     /* Keep this in sync with view-source.css (.webkit-html-external-link:hover) */
  3380.     text-decoration: underline;
  3381. }
  3382.  
  3383. /* popover.css */
  3384.  
  3385. .popover {
  3386.     position: absolute;
  3387.     -webkit-border-image: url(Images/popoverBackground.png) 25 25 25 25;
  3388.     border-width: 25px;
  3389.     z-index: 100;
  3390.     pointer-events: none;
  3391. }
  3392.  
  3393. .popover .content {
  3394.     position: absolute;
  3395.     top: 0;
  3396.     bottom: 0;
  3397.     left: 0;
  3398.     right: 0;
  3399.     pointer-events: auto;
  3400.     overflow: auto;
  3401.     -webkit-user-select: text;
  3402. }
  3403.  
  3404. .popover .content.fixed-height {
  3405.     overflow: hidden;
  3406. } 
  3407.  
  3408. .popover .arrow {
  3409.     position: absolute;
  3410.     background-image: url(Images/popoverArrows.png);
  3411.     width: 19px;
  3412.     height: 19px;
  3413.     margin-left: 15px;
  3414.     margin-top: -25px;
  3415.     top: 0;
  3416.     left: 0;
  3417. }
  3418.  
  3419. .popover.top-left-arrow .arrow {
  3420.     /* The default is top-left, no styles needed. */
  3421. }
  3422.  
  3423. .popover.top-right-arrow .arrow {
  3424.     right: 25px;
  3425.     left: auto;
  3426. }
  3427.  
  3428. .popover.bottom-left-arrow .arrow {
  3429.     top: auto;
  3430.     bottom: 0;
  3431.     margin-top: 0;
  3432.     margin-bottom: -25px;
  3433.     background-position: 0 -19px;
  3434. }
  3435.  
  3436. .popover.bottom-right-arrow .arrow {
  3437.     right: 15px;
  3438.     left: auto;
  3439.     top: auto;
  3440.     bottom: 0;
  3441.     margin-top: 0;
  3442.     margin-bottom: -25px;
  3443.     background-position: 0 -19px;
  3444. }
  3445.  
  3446. .popover.left-top-arrow .arrow {
  3447.     top: 0;
  3448.     margin-top: 15px;
  3449.     margin-left: -25px;
  3450.     background-position: 0 -38px;
  3451. }
  3452.  
  3453. .popover.left-bottom-arrow .arrow {
  3454.     top: auto;
  3455.     bottom: 0;
  3456.     margin-bottom: 15px;
  3457.     margin-left: -25px;
  3458.     background-position: 0 -38px;
  3459. }
  3460.  
  3461. .popover.right-top-arrow .arrow {
  3462.     right: 0;
  3463.     left: auto;
  3464.     top: 0;
  3465.     margin-top: 15px;
  3466.     margin-right: -25px;
  3467.     background-position: 0 -57px;
  3468. }
  3469.  
  3470. .popover.right-bottom-arrow .arrow {
  3471.     right: 0;
  3472.     left: auto;
  3473.     top: auto;
  3474.     bottom: 0;
  3475.     margin-bottom: 15px;
  3476.     margin-right: -25px;
  3477.     background-position: 0 -57px;
  3478. }
  3479.  
  3480. /* devTools.css */
  3481.  
  3482. .data-grid table {
  3483.     line-height: 120%;
  3484. }
  3485.  
  3486. body.dock-to-bottom #toolbar {
  3487.     cursor: default; /* overriden */
  3488. }
  3489.  
  3490. body.dock-to-bottom.platform-mac #toolbar {
  3491.     border-top-color: white;
  3492. }
  3493.  
  3494. /* Chrome theme overrides */
  3495.  
  3496. body.platform-windows #toolbar, body.platform-windows.inactive #toolbar {
  3497.     background-image: none;
  3498. }
  3499.  
  3500. body.undocked.platform-mac-leopard #toolbar {
  3501.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(175, 175, 175)), to(rgb(151, 151, 151))) !important;
  3502. }
  3503.  
  3504. body.undocked.platform-mac-leopard.inactive #toolbar {
  3505.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(221, 221, 221)), to(rgb(207, 207, 207))) !important;
  3506. }
  3507.  
  3508. body.undocked.platform-mac-snowleopard #toolbar {
  3509.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(189, 189, 189)), to(rgb(167, 167, 167))) !important;
  3510. }
  3511.  
  3512. body.undocked.platform-mac-snowleopard.inactive #toolbar {
  3513.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(228, 228, 228)), to(rgb(216, 216, 216))) !important;
  3514. }
  3515.  
  3516. body.undocked.platform-mac-mountain-lion #toolbar {
  3517.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(208, 208, 208)), to(rgb(200, 200, 200))) !important;
  3518. }
  3519.  
  3520. body.undocked.platform-mac-mountain-lion.inactive #toolbar {
  3521.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(238, 238, 238)), to(rgb(224, 224, 224))) !important;
  3522. }
  3523.  
  3524. body.platform-linux #scripts-files {
  3525.     font-size: 11px;
  3526.     font-weight: normal;
  3527.     line-height: 12px;
  3528. }
  3529.  
  3530. .console-group-messages .section > .header {
  3531.     padding: 0 8px 0 0;
  3532.     background-image: none;
  3533.     border: none;
  3534.     min-height: 0;
  3535. }
  3536.  
  3537. #resources-filter {
  3538.     background: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 233, 233)), to(rgb(233, 233, 233)));
  3539. }
  3540.  
  3541. .crumbs .crumb {
  3542.     -webkit-border-image: url(Images/segmentChromium.png) 0 12 0 2;
  3543.     margin-right: -3px;
  3544.     padding-left: 6px;
  3545. }
  3546.  
  3547. .crumbs .crumb.selected {
  3548.     -webkit-border-image: url(Images/segmentSelectedChromium.png) 0 12 0 2;
  3549.     color: white;
  3550.     text-shadow: rgba(255, 255, 255, 0.5) 0 0px 0;
  3551. }
  3552.  
  3553. .crumbs .crumb.selected:hover {
  3554.     -webkit-border-image: url(Images/segmentSelectedChromium.png) 0 12 0 2;
  3555. }
  3556.  
  3557. .crumbs .crumb.selected.end, .crumbs .crumb.selected.end:hover {
  3558.     -webkit-border-image: url(Images/segmentSelectedEndChromium.png) 0 2 0 2;
  3559. }
  3560.  
  3561. .crumbs .crumb:hover {
  3562.     -webkit-border-image: url(Images/segmentHoverChromium.png) 0 12 0 2;
  3563. }
  3564.  
  3565. .crumbs .crumb.end:hover {
  3566.     -webkit-border-image: url(Images/segmentHoverEndChromium.png) 0 2 0 2;
  3567. }
  3568.  
  3569. .status-bar {
  3570.     background-image: -webkit-linear-gradient(rgb(243,243,243), rgb(235,235,235));
  3571. }
  3572.  
  3573. .scope-bar li.selected {
  3574.     -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
  3575. }
  3576.  
  3577. .scope-bar li:active {
  3578.     -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
  3579. }
  3580.  
  3581. .timeline-category-statusbar-item input {
  3582.     vertical-align: middle;
  3583. }
  3584.  
  3585.